/*
  tokens.css is the only file allowed to hold colour literals.
  Provenance: k-means (k=8, 20 iterations) over the files in brand/ and reference/,
  each centroid snapped to the nearest real pixel. Coordinates are x,y in the source file.
    #FEC504  brand/LOGO CREDITOS PNG.png                (0,0)       logo field
    #12151B  brand/LOGO CREDITOS PNG.png                (730,550)   logo mark body
    #0E0E0E  reference/SAMPUL CREDITOS JPG.jpg.jpeg     (0,0)       banner field
    #151412  reference/SAMPUL CREDITOS JPG.jpg.jpeg     (953,104)   banner panel
    #2A261D  reference/SAMPUL CREDITOS JPG.jpg.jpeg     (975,485)   banner raised
    #5F5E5C  reference/SAMPUL CREDITOS JPG.jpg.jpeg     (803,306)   banner grey
    #F5F5F5  reference/SAMPUL CREDITOS JPG.jpg.jpeg     (179,66)    banner wordmark white
    #31302E  reference/CREDITOS 6.jpg.jpeg              (440,661)   slide hairline
    #B8B5A4  reference/CREDITOS 1.jpg.jpeg              (1000,653)  slide body copy
    #AC8408  reference/CREDITOS 1.jpg.jpeg              (1432,701)  slide gold edge
    #6D500C  reference/CREDITOS 1.jpg.jpeg              (1440,406)  slide gold shade
    #3C2D06  reference/CREDITOS 1.jpg.jpeg              (1272,40)   slide gold haze
    #F7D51E  reference/CREDITOS 1.jpg.jpeg              (1568,255)  slide glow
  The logo with alpha holds pure black under zero alpha. Every resize premultiplies first.
*/
:root {
  --c-yellow: #FEC504;
  --c-ink: #12151B;
  --c-bg: #0E0E0E;
  --c-panel: #151412;
  --c-raised: #2A261D;
  --c-dim: #5F5E5C;
  --c-fg: #F5F5F5;
  --c-line: #31302E;
  --c-mut: #B8B5A4;
  --c-gold: #AC8408;
  --c-gold-deep: #6D500C;
  --c-haze: #3C2D06;
  --c-glow: #F7D51E;

  --font-display: "Unbounded", ui-sans-serif, system-ui, sans-serif;
  --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --ease-brand: cubic-bezier(.16, 1, .3, 1);
  --ease-std: cubic-bezier(.4, 0, .2, 1);
  --ease-out: cubic-bezier(.215, .61, .355, 1);
  --dur-fast: .15s;
  --dur-mid: .3s;
  --dur-reveal: .6s;
  --stagger: .08s;
  --stagger-row: 35ms;
  --ticker-time: 48s;

  --radius-panel: 10px;
  --radius-card: 8px;
  --radius-pill: 999px;
  --page-max: 1280px;
  --gutter: 16px;
  --tap: 44px;
}
@media (min-width: 640px) { :root { --gutter: 24px; } }