/* Sol Street: the stock market for Solana, a fund factsheet printed on a dark ground (DESIGN.md), in pump.fun's colours since
   2026-11-04: near-black zinc ground, raised zinc panels, off-white ink, pump.fun's mint green for the action, the market's own 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). 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). */
:root {
  color-scheme: dark;

  /* the ground, panels and wells: wells and inputs sit darker than the ground, panels lighter */
  --bg-rgb: 10, 10, 11;
  --bg-2-rgb: 3, 3, 4;
  --surface-rgb: 20, 20, 22;
  --surface-2-rgb: 28, 28, 31;
  --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: #2c2c31;
  --paper: var(--surface);

  /* hairlines, in the ink */
  --line-rgb: 237, 237, 239;
  --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: #ededef;
  --ink-2: #d0d0d4;
  --muted: #9b9ba2;
  /* text on the light fills (a ticker chip, gold, a chosen quick pick) */
  --on-light: #0a0a0b;

  /* the one action colour: pump.fun's mint green, with its dark green text. Buttons, buying, the selected state, focus */
  --act-rgb: 134, 239, 172;
  --act: rgb(var(--act-rgb));
  --act-2: #a3f5c0;
  --act-3: #16a34a;
  --act-ink: #86efac;
  --act-soft: rgba(var(--act-rgb), 0.14);
  --on-act: #052e16;

  /* the market: green up and buy, red down and sell */
  --up-rgb: 74, 222, 128;
  --down-rgb: 248, 113, 113;
  --up: rgb(var(--up-rgb));
  --up-fill: #15803d;
  --up-soft: rgba(var(--up-rgb), 0.13);
  --down: rgb(var(--down-rgb));
  --down-fill: #dc2626;
  --down-soft: rgba(var(--down-rgb), 0.13);
  --on-up: #ffffff;

  /* IPOs, #1, "soon" and demo */
  --gold-rgb: 250, 204, 21;
  --gold: rgb(var(--gold-rgb));
  --gold-ink: #fde047;
  --gold-soft: rgba(var(--gold-rgb), 0.18);

  /* what a fund holds, by kind: only in allocation bars, their keys and the asset board */
  --k-stock: #86efac;
  --k-preipo: #c084fc;
  --k-crypto: #fb923c;
  --k-meme: #f472b6;
  --k-stable: #e4e4e7;

  /* the heatmap: red through graphite to green; flat tiles print in the ink, strong ones in white */
  --heat-up: #16a34a;
  --heat-mid: #232326;
  --heat-down: #dc2626;

  /* the raised dark cards */
  --night: #161618;
  --night-2: #1e1e22;
  --night-3: #2c2c31;

  /* 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: a darker edge under it, pressed down on click */
  --key: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 2px 0 var(--act-3), 0 8px 22px -10px rgba(var(--act-rgb), 0.55);
  --key-hover: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 2px 0 var(--act-3), 0 12px 28px -10px rgba(var(--act-rgb), 0.7);
  --key-down: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 0 0 var(--act-3), 0 4px 10px -6px rgba(var(--act-rgb), 0.5);

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