/* BullStreet: the stock market for Solana, a fund factsheet printed on a dark ground, in BRONZE since 2026-11-06 (the user
   picked "Bronze Bull", then: "keep the site dark, make the logo/pfp background white"): a warm near-black ground, ivory
   ink, the bronze of the bull on Wall Street for the action (a bronze gradient on the main keys with dark text, bright
   bronze for links, the selected state bronze with dark text), a market green and red, and one colour per kind of asset,
   used only in a fund's allocation bar. The hero's quote card and the closing band sit a step higher (base.css .night).
   The logo is the bronze bull on a WHITE tile (web/js/logo.mjs). Every colour lives here; base.css and ptf.css only read
   tokens. The *-rgb channels are for translucent tints: rgba(var(--up-rgb), 0.1). Earlier palettes are in
   brand/before-bullstreet-20261106/tokens-solana.css (Solana colours). Contrast on the ground (checked 2026-11-06):
   ink 17.2, ink-2 13.1, muted 7.2, links 11.3, up 9.7, down 5.8, dark text on the bronze keys 5.1 to 8.4. */
:root {
  color-scheme: dark;

  /* the brand: bronze. The names stay --sol-* (the old Solana tokens) so every rule that reads them keeps working */
  --sol-purple: #d9a24e;
  --sol-green: #2fd07f;
  --sol-grad: linear-gradient(100deg, #b07a2a 0%, #c98f3c 30%, #d9a24e 58%, #f2cd7e 100%);
  /* the same gradient a step lighter, for words on the dark ground (the headline's second beat) */
  --sol-grad-text: linear-gradient(90deg, #d9a24e 0%, #e8bf6e 50%, #f5d995 100%);

  /* the ground, panels and wells: wells and inputs sit darker than the ground, panels lighter; all warm */
  --bg-rgb: 14, 12, 10;
  --bg-2-rgb: 8, 7, 6;
  --surface-rgb: 26, 22, 18;
  --surface-2-rgb: 34, 29, 23;
  --bg: rgb(var(--bg-rgb));
  --bg-2: rgb(var(--bg-2-rgb));
  --surface: rgb(var(--surface-rgb));
  --surface-2: rgb(var(--surface-2-rgb));
  --surface-3: #2e271f;
  --paper: var(--surface);

  /* hairlines, in the ivory ink */
  --line-rgb: 247, 240, 228;
  --line: rgba(var(--line-rgb), 0.08);
  --line-2: rgba(var(--line-rgb), 0.14);
  --line-3: rgba(var(--line-rgb), 0.26);

  /* text */
  --ink: #f7f0e4;
  --ink-2: #ddd2bf;
  --muted: #a89b85;
  /* text on the light fills (a ticker chip, the gold highlight, a chosen quick pick) */
  --on-light: #120e0a;

  /* the action: bronze. The main keys (the main button, Connect) wear the bronze gradient with dark text (--on-grad);
     solid bronze with dark text marks the selected state; focus rings and links are bronze too */
  --act-rgb: 217, 162, 78;
  --act: rgb(var(--act-rgb));
  --act-2: #e3b866;
  --act-3: #8a5a12;
  --act-ink: #e8bf6e;
  --act-soft: rgba(var(--act-rgb), 0.16);
  --on-act: #160f06;
  --on-grad: #160f06;

  /* the market: green up and buy, a warm red down and sell */
  --up-rgb: 47, 208, 127;
  --down-rgb: 242, 85, 93;
  --up: rgb(var(--up-rgb));
  --up-fill: #2fd07f;
  --up-edge: #1a8a52;
  --up-soft: rgba(var(--up-rgb), 0.13);
  --down: rgb(var(--down-rgb));
  --down-fill: #d93a4a;
  --down-edge: #8c1626;
  --down-soft: rgba(var(--down-rgb), 0.13);
  --on-up: #04170e;

  /* the highlight: IPOs, "soon" and demo, in gold (a fill with dark text; gold-ink for gold words on the dark) */
  --gold-rgb: 240, 199, 94;
  --gold: rgb(var(--gold-rgb));
  --gold-ink: #f5d68a;
  --gold-soft: rgba(var(--gold-rgb), 0.18);
  /* medals stay metal */
  --medal-gold: #f5c542;
  --medal-gold-ink: #f7d26b;

  /* what a fund holds, by kind: only in allocation bars, their keys and the asset board */
  --k-stock: #d9a24e;
  --k-preipo: #7aa7ff;
  --k-crypto: #2fd07f;
  --k-meme: #ef7fb6;
  --k-stable: #ddd2bf;

  /* the heatmap: red through warm graphite to green; flat tiles print in the ink, strong ones in white */
  --heat-up: #1d9a5e;
  --heat-mid: #221d17;
  --heat-down: #d93a4a;

  /* the raised dark cards */
  --night: #1d1914;
  --night-2: #262019;
  --night-3: #312a21;

  /* states */
  --good: var(--up);
  --bad: var(--down);
  --warn: var(--gold-ink);

  --font-display: "Source Serif 4", Georgia, "Times New Roman", serif;
  --font-text: "Hanken Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", "Cascadia Mono", Consolas, monospace;
  --display-weight: 600;
  --display-tracking: -0.022em;

  --r-sm: 7px;
  --r: 10px;
  --r-lg: 14px;
  --r-pill: 999px;
  --border: 1px solid var(--line-2);
  --shadow: 0 1px 0 rgba(255, 255, 255, 0.03) inset, 0 12px 30px -18px rgba(0, 0, 0, 0.7);
  --shadow-lift: 0 1px 0 rgba(255, 255, 255, 0.04) inset, 0 24px 48px -22px rgba(0, 0, 0, 0.85);
  /* the main button is a key: the bronze gradient, a lit top edge, a darker edge under it, a warm glow, pressed on click */
  --key: inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 -2px 0 rgba(0, 0, 0, 0.26), 0 10px 26px -12px rgba(217, 162, 78, 0.75);
  --key-hover: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -2px 0 rgba(0, 0, 0, 0.26), 0 14px 32px -12px rgba(217, 162, 78, 0.9);
  --key-down: inset 0 1px 0 rgba(255, 255, 255, 0.28), inset 0 0 0 rgba(0, 0, 0, 0), 0 4px 12px -8px rgba(217, 162, 78, 0.6);

  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --t-fast: 120ms;
  --t: 240ms;

  --wrap: 1240px;
  --gut: clamp(16px, 4vw, 40px);
  --top-h: 64px;
}