/* Acolad Design System — tokens.css
   Generated from DESIGN-SYSTEM.md v1.0
   Light mode only (per brief) */

:root {
  /* ── Brand Primary (Blue) ── */
  --color-brand-25: #EFF6FF;
  --color-brand-50: #E0EDFF;
  --color-brand-100: #C7DEFF;
  --color-brand-200: #94C1FF;
  --color-brand-300: #61A3FF;
  --color-brand-400: #2E85FF;
  --color-brand-500: #126CEE;
  --color-brand-600: #004EBA;
  --color-brand-700: #0043A1;
  --color-brand-800: #003887;
  --color-brand-900: #002E6E;
  --color-brand-950: #0B1C34;

  /* ── Neutral ── */
  --color-neutral-50: #FAFAFA;
  --color-neutral-100: #F5F5F5;
  --color-neutral-150: #EDEDED;
  --color-neutral-200: #E5E5E5;
  --color-neutral-300: #D4D4D4;
  --color-neutral-400: #A3A3A3;
  --color-neutral-500: #737373;
  --color-neutral-600: #525252;
  --color-neutral-700: #404040;
  --color-neutral-750: #323232;
  --color-neutral-800: #262626;
  --color-neutral-850: #1F1F1F;
  --color-neutral-900: #171717;
  --color-neutral-950: #0A0A0A;

  /* ── Status — Success ── */
  --color-success-50: #ECFDF3;
  --color-success-500: #17B26A;
  --color-success-600: #079455;
  --color-success-700: #067647;

  /* ── Status — Error ── */
  --color-error-50: #FEF3F2;
  --color-error-400: #F97066;
  --color-error-500: #F04438;
  --color-error-600: #D92D20;

  /* ── Status — Warning ── */
  --color-warning-50: #FFFAEB;
  --color-warning-500: #F79009;
  --color-warning-600: #DC6803;
  --color-warning-700: #B54708;

  /* ── Base ── */
  --color-white: #FFFFFF;
  --color-black: #000000;

  /* ── Semantic: Background (light mode) ── */
  --bg-primary: #FAFAFA;
  --bg-secondary: #F5F5F5;
  --bg-tertiary: #EDEDED;
  --bg-quaternary: #E5E5E5;
  --bg-overlay: #0A0A0A;
  --bg-active: #FAFAFA;
  --bg-disabled: #F5F5F5;
  --bg-brand-primary: #E0EDFF;
  --bg-brand-secondary: #C7DEFF;
  --bg-brand-solid: #126CEE;
  --bg-brand-solid-hover: #004EBA;
  --bg-brand-section: #002E6E;
  --bg-error-primary: #FEF3F2;
  --bg-error-solid: #D92D20;
  --bg-warning-primary: #FFFAEB;
  --bg-success-primary: #ECFDF3;

  /* ── Semantic: Foreground (light mode) ── */
  --fg-primary: #171717;
  --fg-secondary: #404040;
  --fg-tertiary: #525252;
  --fg-quaternary: #737373;
  --fg-disabled: #A3A3A3;
  --fg-white: #FFFFFF;
  --fg-brand-primary: #126CEE;
  --fg-error: #D92D20;
  --fg-warning: #DC6803;
  --fg-success: #079455;

  /* ── Semantic: Text (light mode) ── */
  --text-primary: #171717;
  --text-secondary: #404040;
  --text-tertiary: #525252;
  --text-disabled: #737373;
  --text-placeholder: #737373;
  --text-white: #FFFFFF;
  --text-brand-primary: #002E6E;
  --text-brand-secondary: #0043A1;
  --text-on-brand: #FFFFFF;
  --text-error: #D92D20;
  --text-warning: #B54708;
  --text-success: #067647;

  /* ── Semantic: Border (light mode) ── */
  --border-primary: #D4D4D4;
  --border-secondary: #A3A3A3;
  --border-tertiary: #737373;
  --border-disabled: #D4D4D4;
  --border-brand: #126CEE;
  --border-error: #F04438;
  --border-warning: #F79009;
  --border-success: #17B26A;

  /* ── Spacing (4px base) ── */
  --spacing-0: 0;
  --spacing-1: 0.25rem;
  --spacing-2: 0.5rem;
  --spacing-3: 0.75rem;
  --spacing-4: 1rem;
  --spacing-5: 1.25rem;
  --spacing-6: 1.5rem;
  --spacing-8: 2rem;
  --spacing-10: 2.5rem;
  --spacing-12: 3rem;
  --spacing-16: 4rem;
  --spacing-20: 5rem;
  --spacing-24: 6rem;
  --spacing-32: 8rem;

  /* ── Border Radius ── */
  --radius-none: 0;
  --radius-sm: 0.125rem;
  --radius-md: 0.375rem;
  --radius-lg: 0.5rem;
  --radius-xl: 0.75rem;
  --radius-2xl: 1rem;
  --radius-full: 9999px;

  /* ── Shadows ── */
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
  --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05);
  --shadow-xl: 0 20px 25px -5px rgba(0,0,0,0.1), 0 10px 10px -5px rgba(0,0,0,0.04);

  /* ── Typography ── */
  --font-family: 'Montserrat', sans-serif;
  --font-regular: 400;
  --font-medium: 500;
  --font-semibold: 600;
  --font-bold: 700;

  --type-display-2xl: 4.5rem;
  --lh-display-2xl: 5.625rem;
  --type-display-xl: 3.75rem;
  --lh-display-xl: 4.5rem;
  --type-display-lg: 3rem;
  --lh-display-lg: 3.75rem;
  --type-display-md: 2.25rem;
  --lh-display-md: 2.75rem;
  --type-display-sm: 1.875rem;
  --lh-display-sm: 2.375rem;
  --type-display-xs: 1.5rem;
  --lh-display-xs: 2rem;
  --type-text-xl: 1.25rem;
  --lh-text-xl: 1.875rem;
  --type-text-lg: 1.125rem;
  --lh-text-lg: 1.75rem;
  --type-text-md: 1rem;
  --lh-text-md: 1.5rem;
  --type-text-sm: 0.875rem;
  --lh-text-sm: 1.25rem;
  --type-text-xs: 0.75rem;
  --lh-text-xs: 1.125rem;
  --letter-spacing-display: -0.02em;
}