/* Design tokens for every page on this host — /board, /holders, /stonks-szn,
 * /campaign. Loaded before each page's own stylesheet.
 *
 * Palette is the official BNB Chain brand pair (bnbchain.org/en/brand-guidelines):
 * yellow #F0B90B (Pantone 116C) on black #0B0E11, with neutral greys derived off
 * that black — no hue in the greys, so the yellow is the only colour competing for
 * attention. One accent, reserved for the thing that matters.
 *
 * Archivo is self-hosted: this host serves `font-src 'self' data:`, so a Google
 * Fonts link is blocked and the page would silently fall back to a system face.
 *
 * NOTE: /board is authored in Tailwind utilities and repeats these values as
 * literals (bg-[#12161C] etc.) because a utility class cannot read a custom
 * property with an opacity modifier. If you change a colour here, grep
 * board.html + board.js for the old hex too.
 */

@font-face {
  font-family: "Archivo";
  src: url("/fonts/archivo-latin.woff2") format("woff2");
  font-weight: 400 900;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Archivo";
  src: url("/fonts/archivo-latin-ext.woff2") format("woff2");
  font-weight: 400 900;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+1E00-1E9F, U+1EF2-1EFF, U+20A0-20AB, U+20AD-20C0, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  --page: #0b0e11;
  --panel: #0e1217;
  --card-hi: #161b22;
  --card: #12161c;
  --edge: #191f27;
  --edge-hi: #242c36;
  --rule: #1e242c;
  --ink: #f5f7fa;
  --ink-2: #c6ccd4;
  --ink-dim: #7a828e;
  --ink-faint: #5c646e;
  --accent: #f0b90b;
  --accent-hi: #ffd75e;
  --accent-dim: rgba(240, 185, 11, 0.12);
  --accent-line: rgba(240, 185, 11, 0.40);
  --down: #ff7a7a;
  --down-dim: rgba(255, 122, 122, 0.10);
  /* Launchpad identity, deliberately NOT the accent: a lane's pad is metadata,
     not the headline, and reusing yellow here would dilute it. */
  --pad-flap: #5fd3a8;
  --pad-fourmeme: #c08cf0;
  --mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
  /* CJK coin names are common in this market and Archivo is latin-only, so the
     stack has to fall through to a system CJK face. */
  --sans: "Archivo", "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB",
    "Microsoft YaHei", Arial, sans-serif;
  --gutter: clamp(18px, 3.4vw, 40px);
}