/* Duke's Picks AI — brand theme.
   Every colour, typeface and shape token the app has lives here and NOWHERE
   else. app.css is brand-neutral structure; it only ever reads these.
   build-pages.mjs swaps this file (and the marks and the copy) per audience,
   which is how linefigures-ai looks nothing like ai.dukespicks.com off the same
   source. See ../brand/. */

:root {
  --bg:          #0a0908;
  --bg-deep:     #050403;
  --bg-raised:   #14110d;
  --bg-input:    #191510;

  /* The accent is given as channels as well, because the app tints with it at
     five different opacities and a hex cannot be faded in a var. */
  --accent:            #d4af6f;
  --accent-soft:       #e7cf9f;
  --accent-rgb:        212, 175, 111;
  --accent-fill:       #d4af6f;
  --accent-fill-hover: #e7cf9f;
  --accent-ink:        #14110d;

  --ink:         #f5f0e6;
  --ink-rgb:     245, 240, 230;

  --display: "Playfair Display", Georgia, "Times New Roman", serif;
  --sans:    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mono:    ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;

  --display-weight:    500;
  --display-tracking:  -0.01em;
  --display-transform: none;

  --eyebrow-tracking: 0.18em;

  --radius:    14px;
  --radius-sm: 10px;
  --btn-radius: 999px;
}