/* ================================================================
 * AFBB — Design Tokens
 * AUTO-GENERATED from Figma variables
 * DO NOT EDIT BY HAND
 * ================================================================ */

:root {
  /* ── Primitives (Value.tokens.json) ──────────────────────────── */
  --afbb-color-white: #FFFFFF;
  --afbb-color-black: #000000;
  --afbb-color-red-50: #FFF0F3;
  --afbb-color-red-100: #FFD9E1;
  --afbb-color-red-200: #FFB3C2;
  --afbb-color-red-300: #FF8097;
  --afbb-color-red-400: #F04A67;
  --afbb-color-red-500: #C90F2F;
  --afbb-color-red-600: #C31030;
  --afbb-color-red-700: #9E0D26;
  --afbb-color-red-800: #79091D;
  --afbb-color-red-900: #520614;
  --afbb-color-navy-50: #F2F7FB;
  --afbb-color-navy-100: #E4EDF5;
  --afbb-color-navy-200: #C7D9E8;
  --afbb-color-navy-300: #9DB8CE;
  --afbb-color-navy-400: #6F8EA8;
  --afbb-color-navy-500: #4D6883;
  --afbb-color-navy-600: #344D67;
  --afbb-color-navy-700: #24384F;
  --afbb-color-navy-800: #1B2D43;
  --afbb-color-navy-900: #18273B;
  --afbb-color-slate-50: #F6F9FB;
  --afbb-color-slate-100: #EEF3F7;
  --afbb-color-slate-200: #E8EEF4;
  --afbb-color-slate-300: #DAE5ED;
  --afbb-color-slate-400: #B8C6D2;
  --afbb-color-slate-500: #8798A8;
  --afbb-color-slate-600: #5F7284;
  --afbb-color-slate-700: #435568;
  --afbb-color-slate-800: #29394B;
  --afbb-color-slate-900: #172539;
  --color-success-500: #16A34A;
  --color-warning-500: #F59E0B;
  --color-info-500: #0EA5E9;
  --color-green-50: #EFFAF3;
  --color-green-100: #D8F2E1;
  --color-green-200: #B5E5C8;
  --color-green-300: #7FD2A2;
  --color-green-400: #43B876;
  --color-green-500: #169E4A;
  --color-green-600: #0F7F3A;
  --color-green-700: #0D642F;
  --color-green-800: #0B4F27;
  --color-green-900: #083D1F;
  --color-amber-50: #FFF8E6;
  --color-amber-100: #FDECC0;
  --color-amber-200: #FAD886;
  --color-amber-300: #F6BE4D;
  --color-amber-400: #F1A51F;
  --color-amber-500: #D98A08;
  --color-amber-600: #B36A05;
  --color-amber-700: #8F5107;
  --color-amber-800: #733F0A;
  --color-amber-900: #5A3108;
  --color-blue-50: #EFF8FF;
  --color-blue-100: #DCEFFE;
  --color-blue-200: #B9DFFC;
  --color-blue-300: #7BC7F8;
  --color-blue-400: #38A9F0;
  --color-blue-500: #0E93D1;
  --color-blue-600: #0876AA;
  --color-blue-700: #085E89;
  --color-blue-800: #0A4F72;
  --color-blue-900: #0A3A54;
  --afbb-spacing-0: 0;
  --afbb-spacing-1: 4px;
  --afbb-spacing-2: 8px;
  --afbb-spacing-3: 12px;
  --afbb-spacing-4: 16px;
  --afbb-spacing-5: 20px;
  --afbb-spacing-6: 24px;
  --afbb-spacing-8: 32px;
  --afbb-spacing-10: 40px;
  --afbb-spacing-12: 48px;
  --afbb-spacing-16: 64px;
  --afbb-spacing-20: 80px;
  --afbb-spacing-24: 96px;
  --afbb-spacing-0-5: 2px;
  --afbb-spacing-1-5: 6px;
  --afbb-spacing-2-5: 10px;
  --afbb-spacing-3-5: 14px;
  --afbb-radius-none: 0;
  --afbb-radius-xs: 4px;
  --afbb-radius-sm: 8px;
  --afbb-radius-md: 12px;
  --afbb-radius-lg: 16px;
  --afbb-radius-xl: 20px;
  --afbb-radius-2xl: 24px;
  --afbb-radius-full: 999px;
  --afbb-font-family-sans: 'Inter';
  --afbb-font-family-mono: 'DM Mono';
  --afbb-font-size-xs: 12px;
  --afbb-font-size-sm: 14px;
  --afbb-font-size-base: 16px;
  --afbb-font-size-lg: 18px;
  --afbb-font-size-xl: 20px;
  --afbb-font-size-2xl: 24px;
  --afbb-font-size-3xl: 32px;
  --afbb-font-size-4xl: 48px;
  --afbb-font-size-2xs: 13px;
  --afbb-line-height-tight: 16px;
  --afbb-line-height-sm: 20px;
  --afbb-line-height-base: 24px;
  --afbb-line-height-relaxed: 28px;
  --afbb-line-height-heading-sm: 32px;
  --afbb-line-height-heading-md: 40px;
  --afbb-line-height-heading-lg: 56px;
  --afbb-line-height-body: 22px;
  --afbb-line-height-small: 18px;
  --afbb-icon-size-sm: 16px;
  --afbb-icon-size-md: 20px;
  --afbb-icon-size-lg: 24px;
  --afbb-icon-stroke-default: 2px;
  --afbb-border-width-1: 1px;
  --afbb-border-width-2: 2px;

  /* ── Semantic / Light mode (Light.tokens.json) ───────────────── */
  --color-action-default: #18273B;
  --color-action-hover: #1B2D43;
  --color-action-foreground: #FFFFFF;
  --color-action-destructive: #9E0D26;
  --color-action-subtle: #F2F7FB;
  --color-action-subtle-foreground: #18273B;
  --color-action-disabled: #DAE5ED;
  --color-action-disabled-foreground: #8798A8;
  --color-surface-background: #EEF3F7;
  --color-surface-card: #FFFFFF;
  --color-surface-popover: #FFFFFF;
  --afbb-color-surface-secondary: #F6F9FB;
  --afbb-color-surface-muted: #E8EEF4;
  --afbb-color-surface-accent: #E4EDF5;
  --color-surface-elevated: #FFFFFF;
  --color-surface-soft: #F6F9FB;
  --color-surface-subtle: #E8EEF4;
  --color-surface-inverse: #18273B;
  --color-surface-brand: #C31030;
  --color-text-default: #18273B;
  --afbb-color-text-card: #18273B;
  --afbb-color-text-popover: #18273B;
  --color-text-secondary: #1B2D43;
  --color-text-muted: #5F7284;
  --afbb-color-text-accent: #18273B;
  --color-text-strong: #18273B;
  --color-text-subtle: #8798A8;
  --color-text-inverse: #FFFFFF;
  --color-text-disabled: #B8C6D2;
  --color-text-brand: #C31030;
  --color-brand-default: #C31030;
  --color-brand-hover: #9E0D26;
  --color-brand-foreground: #FFFFFF;
  --color-brand-subtle: #FFF0F3;
  --color-brand-border: #FFB3C2;
  --color-state-destructive-default: #9E0D26;
  --color-state-destructive-foreground: #FFFFFF;
  --color-state-destructive-hover: #79091D;
  --color-state-destructive-surface: #FFF0F3;
  --color-state-destructive-border: #FFB3C2;
  --color-state-success-surface: #EFFAF3;
  --color-state-success-default: #0F7F3A;
  --color-state-success-hover: #0D642F;
  --color-state-success-foreground: #FFFFFF;
  --color-state-success-border: #B5E5C8;
  --color-state-warning-surface: #FFF8E6;
  --color-state-warning-default: #D98A08;
  --color-state-warning-hover: #B36A05;
  --color-state-warning-foreground: #18273B;
  --color-state-warning-border: #FAD886;
  --color-state-info-surface: #EFF8FF;
  --color-state-info-default: #0E93D1;
  --color-state-info-hover: #0876AA;
  --color-state-info-foreground: #FFFFFF;
  --color-state-info-border: #B9DFFC;
  --color-border-default: #E8EEF4;
  --color-border-input: #DAE5ED;
  --color-border-ring: #C90F2F;
  --color-border-subtle: #EEF3F7;
  --color-border-strong: #B8C6D2;
  --color-border-focus: #0E93D1;
  --color-border-brand: #C31030;
  --color-icon-default: #18273B;
  --color-icon-muted: #5F7284;
  --color-icon-brand: #C31030;
  --color-icon-inverse: #FFFFFF;
  --color-icon-subtle: #8798A8;
  --color-icon-action: #FFFFFF;
  --color-icon-disabled: #B8C6D2;
  --color-overlay-scrim: #000000;
  --afbb-spacing-0: 0;
  --afbb-spacing-1: 4px;
  --afbb-spacing-2: 8px;
  --afbb-spacing-3: 12px;
  --afbb-spacing-4: 16px;
  --afbb-spacing-5: 20px;
  --afbb-spacing-6: 24px;
  --afbb-spacing-8: 32px;
  --afbb-spacing-10: 40px;
  --afbb-spacing-12: 48px;
  --afbb-spacing-16: 64px;
  --afbb-spacing-20: 80px;
  --afbb-spacing-24: 96px;
  --afbb-spacing-0-5: 2px;
  --afbb-spacing-1-5: 6px;
  --afbb-spacing-2-5: 10px;
  --afbb-spacing-3-5: 14px;
  --afbb-spacing-component-xs: 8px;
  --afbb-spacing-component-sm: 12px;
  --afbb-spacing-component-md: 16px;
  --afbb-spacing-component-lg: 24px;
  --afbb-spacing-section-sm: 32px;
  --afbb-spacing-section-md: 48px;
  --afbb-spacing-section-lg: 64px;
  --afbb-radius-none: 0;
  --afbb-radius-xs: 4px;
  --afbb-radius-sm: 8px;
  --afbb-radius-md: 12px;
  --afbb-radius-lg: 16px;
  --afbb-radius-xl: 20px;
  --afbb-radius-2xl: 24px;
  --afbb-radius-full: 999px;
  --afbb-radius-component-sm: 8px;
  --afbb-radius-component-md: 12px;
  --afbb-radius-component-lg: 16px;
  --afbb-radius-component-pill: 999px;
  --afbb-font-family-body: 'Inter';
  --afbb-font-family-heading: 'Inter';
  --afbb-font-family-code: 'DM Mono';
  --afbb-typography-h1-font-size: 48px;
  --afbb-typography-h1-line-height: 56px;
  --afbb-typography-h2-font-size: 32px;
  --afbb-typography-h2-line-height: 40px;
  --afbb-typography-h3-font-size: 24px;
  --afbb-typography-h3-line-height: 32px;
  --afbb-typography-body-font-size: 16px;
  --afbb-typography-body-line-height: 28px;
  --afbb-typography-ui-font-size: 14px;
  --afbb-typography-ui-line-height: 24px;
  --afbb-icon-size-sm: 16px;
  --afbb-icon-size-md: 20px;
  --afbb-icon-size-default: 24px;
  --afbb-icon-stroke-default: 2px;
  --afbb-border-width-default: 1px;
  --afbb-border-width-input: 1px;
  --afbb-border-width-focus: 2px;
  --afbb-border-width-selected: 2px;
}