/* ===== assets\css\tokens.css ===== */
/* Caduceus Design Tokens — do not introduce colors outside this file */
:root {
  /* Color */
  --color-primary: #004dc0;
  --color-secondary: #0e1334;
  --color-tertiary: #d8ecf9;
  --color-neutral: #ffffff;
  --color-surface: #d8ecf9;
  --color-on-surface: #0e1334;
  --color-on-primary: #ffffff;
  --color-muted: #5a6b85;
  --color-highlight: #e6f0ff;
  --color-error: #d64545;

  /* Semantic aliases */
  --color-bg: var(--color-neutral);
  --color-ink: var(--color-secondary);
  --color-border: var(--color-tertiary);
  --color-cta: var(--color-primary);

  /* Typography */
  --font-family: "Avenir Next", Avenir, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-size-display: 60px;
  --font-size-headline-lg: 40px;
  --font-size-headline-md: 32px;
  --font-size-headline-sm: 24px;
  --font-size-headline-xs: 18px;
  --font-size-body-lg: 18px;
  --font-size-body-md: 16px;
  --font-size-body-sm: 14px;
  --font-size-label-lg: 14px;
  --font-size-label-sm: 12px;
  --font-size-caption: 13px;

  --line-height-display: 1.1;
  --line-height-headline: 1.2;
  --line-height-body: 1.75;
  --line-height-body-md: 28px;
  --letter-spacing-tight: -0.02em;
  --letter-spacing-label: 0.08em;

  /* Shape */
  --radius-pill: 9999px;
  --radius-card: 24px;
  --radius-chip: 9999px;

  /* Spacing rhythm: 8 / 16 / 32 / 58 / 80 / 96 */
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 32px;
  --space-4: 58px;
  --space-5: 80px;
  --space-section: 96px;

  /* Layout */
  --max-width: 1180px;
  --header-height: 72px;
  --mobile-cta-height: 72px;

  /* Motion */
  --duration-fast: 150ms;
  --duration-base: 220ms;
  --duration-slow: 300ms;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);

  /* Focus */
  --focus-ring: 0 0 0 3px var(--color-highlight), 0 0 0 5px var(--color-primary);
}