/*
 * Brand tokens — synced from apps/demo/app/globals.css @theme block.
 * D-46 (May 2, 2026) deferred a shared @alterion/brand-tokens package
 * until app.alterionhealth.com appears. Until then, hand-sync.
 * Source of truth for ramp values: D-40 (Decisions Log).
 * If you change navy/amber ramps in the demo, mirror here.
 */

:root {
  /* Brand: navy — primary text + structure; never plain black. */
  --color-navy-50: #F5F7FA;
  --color-navy-100: #E8EDF5;
  --color-navy-200: #DDE3EC;
  --color-navy-300: #9DA7B9; /* interpolated */
  --color-navy-400: #5C6B85;
  --color-navy-500: #3B4D71; /* interpolated */
  --color-navy-600: #1A2F5C;
  --color-navy-700: #122750; /* interpolated */
  --color-navy-800: #0A1F44;
  --color-navy-900: #06122A;

  /* Brand: amber — accent for CTAs, the wordmark "i" dot, key data highlights. ~5% of pixels. */
  --color-amber-50: #FEF3E2;
  --color-amber-100: #FCE3B8;
  --color-amber-200: #F9D08D;
  --color-amber-300: #F5BC5D; /* interpolated */
  --color-amber-400: #F0A82C;
  --color-amber-500: #E59019; /* interpolated */
  --color-amber-600: #D97706;
  --color-amber-700: #B65C0A; /* interpolated */
  --color-amber-800: #92400E;
  --color-amber-900: #5C2906;

  /* Semantic tokens used by the marketing page. Mirrors :root in demo's globals.css. */
  --background: var(--color-navy-50);
  --foreground: var(--color-navy-900);
  --muted-foreground: var(--color-navy-500);
  --primary: var(--color-amber-600);
}