:root {

  --aib-text: #222222;

  --aib-size-display: 44px;
  --aib-size-h1: 36px;
  --aib-size-h2: 30px;
  --aib-size-h3: 22px;
  --aib-size-h4: 18px;
  --aib-size-h5: 16px;
  --aib-size-lead: 18px;
  --aib-size-body: 16px;
  --aib-size-caption: 14px;
  --aib-size-eyebrow: 12px;
  --aib-size-button: 15px;
  --aib-size-quote: 20px;
  --aib-size-stat: 40px;
  --aib-size-nav: 15px;

  --aib-text-muted: #6a6a6a;
  --aib-text-inverse: #ffffff;

  --aib-surface: #ffffff;

  --aib-surface-alt: #f7f7f7;
  --aib-surface-inverse: #222222;

  --aib-border: #dddddd;

  --aib-primary: #ff385c;

  --aib-on-primary: #ffffff;

  --aib-primary-hover: #e00b41;

  --aib-accent: #ff385c;

  --aib-accent-soft: #ffd1da;

  --aib-link: #d9234a;

  --aib-background: #ffffff;

  --aib-surface2: #f0f0f0;

  --aib-secondary: #460479;

  --aib-on-accent: #ffffff;

  --aib-on-dark: #ffffff;
  --aib-on-dark-soft: #bbbbbb;

  --aib-font-display: "Nunito", system-ui, sans-serif;
  --aib-font-body: "Nunito Sans", system-ui, sans-serif;
  --aib-font-accent: var(--aib-font-body);

  --aib-font-heading: "Nunito", system-ui, sans-serif;

  --aib-text-display: 600 var(--aib-size-display)/1.18 var(--aib-font-display);
  --aib-text-eyebrow: 700 var(--aib-size-eyebrow)/1.33 var(--aib-font-display);
  --aib-text-h2: 500 var(--aib-size-h2)/1.18 var(--aib-font-display);
  --aib-text-h3: 600 var(--aib-size-h3)/1.25 var(--aib-font-display);
  --aib-text-h4: 600 var(--aib-size-h4)/1.35 var(--aib-font-display);
  --aib-text-h5: 600 var(--aib-size-h5)/1.4 var(--aib-font-display);
  --aib-text-lead: 400 var(--aib-size-lead)/1.5 var(--aib-font-body);
  --aib-text-body: 400 var(--aib-size-body)/1.5 var(--aib-font-body);
  --aib-text-caption: 500 var(--aib-size-caption)/1.29 var(--aib-font-body);

  --aib-radius-media: 20px;
  --aib-radius-card: 14px;
  --aib-radius-control: 8px;
  --aib-radius-chip: 9999px;

  --aib-shadow-card: none;

  --aib-border-card: 1px solid var(--aib-border);

  --aib-space-section: 64px;
  --aib-gap-lg: 24px;
  --aib-gap-md: 16px;
  --aib-gap-sm: 8px;
  --aib-gap-xs: 4px;
  --aib-gap-xl: 48px;

  --aib-shadow-hover: 0 0 0 1px rgba(0,0,0,.02), 0 2px 6px rgba(0,0,0,.04), 0 4px 8px rgba(0,0,0,.1);
  --aib-duration: 200ms;

  --aib-text-button: 600 var(--aib-size-button)/1.25 var(--aib-font-body);
  --aib-letter-spacing-button: 0.01em;
  --aib-letter-spacing-display: -0.01em;

  --aib-letter-spacing-eyebrow: 0.08em;
  --aib-pressed-scale: 0.98;
  --aib-pressed-opacity: 0.92;

  --aib-border-strong: var(--aib-text);

  --aib-shadow-dialog: 0 8px 24px rgba(0, 0, 0, 0.12);

  --aib-icon-box: 44px;
  --aib-icon-glyph: 26px;

  --aib-container: 1200px;
   --aib-glow: color-mix(in srgb, var(--aib-accent) 12%, var(--aib-background));
  --aib-glow-strong: color-mix(
    in srgb,
    var(--aib-accent) 22%,
    var(--aib-background)
  );
}

:root {

  --aib-text: #111111;
  --aib-text-muted: #707072;
  --aib-text-inverse: #ffffff;
  --aib-text-secondary: #39393b;
  --aib-text-tertiary: #4b4b4d;
  --aib-text-disabled: #9e9ea0;

  --aib-surface: #ffffff;
  --aib-surface-alt: #f5f5f5;
  --aib-surface-inverse: #111111;

  --aib-border: #cacacb;
  --aib-border-soft: #e5e5e5;

  --aib-primary: #111111;
  --aib-primary-hover: #39393b;
  --aib-on-primary: #ffffff;
  --aib-accent: #111111;
  --aib-accent-soft: #f5f5f5;
  --aib-link: #111111;

  --aib-success: #007d48;
  --aib-success-bright: #1eaa52;
  --aib-warning: #ed1aa0;
  --aib-critical: #d30005;
  --aib-critical-strong: #780700;
  --aib-info: #1151ff;
  --aib-info-hover: #0034e3;

  --aib-accent-pink: #ed1aa0;
  --aib-accent-pink-soft: #ffb0dd;
  --aib-accent-purple-soft: #beaffd;
  --aib-accent-purple-pale: #d6d1ff;
  --aib-accent-teal: #0a7281;
  --aib-accent-pink-deep: #4c012d;

  --aib-sale: #d30005;
  --aib-sale-hover: #780700;

  --aib-font-display: "Bebas Neue", Impact, sans-serif;
  --aib-font-body: "Inter", Helvetica, Arial, sans-serif;
  --aib-font-accent: var(--aib-font-body);

  --aib-size-display: 56px;
  --aib-size-h1: 32px;
  --aib-size-h2: 24px;
  --aib-size-h3: 16px;
  --aib-size-h4: 16px;
  --aib-size-h5: 15px;
  --aib-size-body: 16px;
  --aib-size-caption: 14px;
  --aib-size-button: 16px;
  --aib-size-eyebrow: 12px;

  --aib-text-display: 500 var(--aib-size-display)/0.9 var(--aib-font-display);
  --aib-text-display-lg: 500 48px/0.9 var(--aib-font-display);
  --aib-text-h1: 500 var(--aib-size-h1)/1.2 var(--aib-font-body);
  --aib-text-h2: 500 var(--aib-size-h2)/1.2 var(--aib-font-body);
  --aib-text-h3: 500 var(--aib-size-h3)/1.75 var(--aib-font-body);
  --aib-text-h4: 500 var(--aib-size-h4)/1.5 var(--aib-font-body);
  --aib-text-h5: 500 var(--aib-size-h5)/1.5 var(--aib-font-body);

  --aib-text-body: 400 var(--aib-size-body)/1.5 var(--aib-font-body);
  --aib-text-body-bold: 500 16px/1.5 var(--aib-font-body);
  --aib-text-body-sm: 500 14px/1.5 var(--aib-font-body);
  --aib-text-caption: 500 var(--aib-size-caption)/1.5 var(--aib-font-body);
  --aib-text-caption-sm: 500 12px/1.5 var(--aib-font-body);
  --aib-text-button: 500 var(--aib-size-button)/1.5 var(--aib-font-body);
  --aib-text-button-sm: 500 14px/1.5 var(--aib-font-body);
  --aib-text-button-lg: 500 24px/1.2 var(--aib-font-body);
  --aib-text-link: 500 16px/1.75 var(--aib-font-body);
  --aib-text-utility: 500 9px/1.75 var(--aib-font-body);

  --aib-letter-spacing: 0;
  --aib-letter-spacing-display: -0.005em;

  --aib-radius-xs: 0;
  --aib-radius-sm: 18px;
  --aib-radius-control: 24px;
  --aib-radius-card: 0;
  --aib-radius-media: 0;
  --aib-radius-pill: 30px;
  --aib-radius-chip: 9999px;
  --aib-radius-circle: 50%;

  --aib-shadow-card: none;
  --aib-shadow-active: inset 0 -1px 0 #e5e5e5;
  --aib-shadow-focus: 0 0 0 12px #f5f5f5;

  --aib-border-card: none;
  --aib-border-input: 1px solid #cacacb;

  --aib-space-section: 48px;
  --aib-space-section-tablet: 32px;
  --aib-space-section-mobile: 24px;
  --aib-gap-xl: 24px;
  --aib-gap-lg: 18px;
  --aib-gap-md: 12px;
  --aib-gap-sm: 8px;
  --aib-gap-xs: 4px;
  --aib-gap-xxs: 2px;
  --aib-gap-xxl: 30px;

  --aib-container-max: var(--aib-container);
  --aib-container-gutter-wide: 80px;
  --aib-grid-gap: 8px;
  --aib-sidebar-width: 220px;

  --aib-button-height: 48px;
  --aib-button-padding-y: 16px;
  --aib-button-padding-x: 32px;
  --aib-button-compact-padding-y: 12px;
  --aib-button-compact-padding-x: 24px;
  --aib-input-height: 40px;
  --aib-icon-button-size: 40px;
  --aib-touch-target: 44px;

  --aib-duration: 200ms;
  --aib-easing: ease-out;

  --aib-background: #ffffff;
  --aib-surface2: #f5f5f5;
  --aib-secondary: #39393b;
  --aib-on-accent: #ffffff;
  --aib-font-heading: "Inter", Helvetica, Arial, sans-serif;
  --aib-container: 1200px;

  --aib-text-h5: 600 var(--aib-size-h5)/1.4 var(--aib-font-display);
  --aib-text-eyebrow: 500 var(--aib-size-eyebrow)/1.5 var(--aib-font-body);
  --aib-hover-lift: 0px;

  --aib-on-dark: #ffffff;
  --aib-on-dark-soft: #9e9ea0;

  --aib-pressed-scale: 0.5;
  --aib-pressed-opacity: 0.5;
}