/* 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;

  /* A loss, and the only colour in the app that is not the accent or the ink.
     Money going the wrong way is the one thing gold cannot say, because gold is
     what this brand uses for good news everywhere else. Break even carries the
     same value hardcoded at .b-ret--down; it predates this token. */
  --loss:        #c4685f;

  --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;
}