/* public/css/brand-tokens.css
   Brand design tokens + fonts for the static dashboard, lifted from the
   user-facing layouts (ChecklistLayout/chat/index) so the dashboard shares the
   site's cool navy/gold/cream system and matches the /chat it links into.
   Single source of brand truth for the dashboard — a later Astro move reuses it. */
:root {
  --navy-900: #00152a;
  --navy:     #00203f;
  --navy-600: #003a6b;
  --cream:    #f4f5f7;
  --cream-50: #fafbfc;
  --paper:    #ffffff;
  --ink-900:  #0a1628;
  --ink-700:  #2a3a4f;
  --ink-500:  #556778;
  --ink-400:  #8499ad;
  --gold:     #c9a24b;
  --gold-200: #e9cb7f;
  --border:   #dce0e6;
  --sand:     #eef0f3;
  --sand-50:  #f4f6f8;
}
html, body { background: var(--cream); color: var(--ink-900); }
body { font-family: 'DM Sans', system-ui, sans-serif; }
h1, h2, h3 { font-family: 'Fraunces', Georgia, serif; letter-spacing: -0.02em; font-weight: 500; }
::selection { background: var(--gold-200); color: var(--navy-900); }