/* myEDT BRAND_V2 token system. All authoritative values live here. */

:root {
  /* Brand */
  --brand-red: #C8102E;
  --brand-red-dark: #9E0C24;
  --brand-red-light: #FBE7EB;

  /* Ink */
  --ink: #16181D;
  --ink-muted: #4B5160;
  --ink-subtle: #7B8090;

  /* Surfaces */
  --surface: #FFFFFF;
  --surface-alt: #F7F7F5;
  --surface-raised: #FDFDFC;

  /* Functional */
  --success: #0F7A3E;
  --success-bg: #E6F4EB;
  --warning: #B0620A;
  --warning-bg: #FBF0DF;
  --error: #B3261E;
  --error-bg: #FBE8E7;
  --focus-ring: #2A5BD7;

  /* Hairlines */
  --line: #E6E4DF;
  --line-strong: #BBB8AE;

  /* Spacing scale */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;

  /* Radii */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-none: none;
  --shadow-xs: 0 1px 2px rgb(22 24 29 / 0.04);
  --shadow-sm: 0 2px 6px rgb(22 24 29 / 0.06);
  --shadow-md: 0 8px 24px rgb(22 24 29 / 0.08);
  --shadow-lg: 0 16px 40px rgb(22 24 29 / 0.12);

  /* Form fields */
  --input-height-sm: 36px;
  --input-height-md: 44px;
  --input-height-lg: 52px;

  /* Type scale (fluid clamp) */
  --type-h1: clamp(32px, 2.4vw + 24px, 44px);
  --type-h2: clamp(24px, 1.2vw + 20px, 32px);
  --type-h3: clamp(19px, 0.4vw + 18px, 22px);
  --type-lede: clamp(17px, 0.2vw + 16.5px, 19px);
  --type-body: 16px;
  --type-ui: 15px;
  --type-small: 14px;
  --type-micro: 12px;

  /* Motion */
  --motion-fast: 150ms;
  --motion-med: 200ms;
  --motion-slow: 250ms;
  --easing: cubic-bezier(0.4, 0, 0.2, 1);

  /* Quiz tokens */
  --quiz-option-bg: var(--surface);
  --quiz-option-border: var(--line);
  --quiz-option-border-hover: var(--line-strong);
  --quiz-option-radius: var(--radius-md);
  --quiz-option-padding: var(--space-4) var(--space-5);
  --quiz-option-selected-bg: var(--brand-red-light);
  --quiz-option-selected-border: var(--brand-red);
  --quiz-option-selected-ring: 0 0 0 3px rgb(200 16 46 / 0.16);
  --quiz-option-correct-bg: var(--success-bg);
  --quiz-option-correct-border: var(--success);
  --quiz-option-correct-icon: var(--success);
  --quiz-option-incorrect-bg: var(--error-bg);
  --quiz-option-incorrect-border: var(--error);
  --quiz-option-incorrect-icon: var(--error);
  --quiz-option-disabled-opacity: 0.6;
  --progress-track: var(--line);
  --progress-fill: var(--brand-red);
  --progress-track-height: 6px;
  --progress-radius: var(--radius-full);
  --progress-label-color: var(--ink-muted);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --motion-fast: 0ms;
    --motion-med: 0ms;
    --motion-slow: 0ms;
  }
}