/* Stonkemon Arcade — generated from tokens.json */
:root, [data-theme="arcade"] {
  --night: #0f0c1f;
  --surface: #19142f;
  --surface-raised: #241d44;
  --line: #3a3066;
  --line-strong: #7a6dbd;
  --ink: #f3f0ff;
  --ink-muted: #a59fcb;
  --shadow-ink: #06040f;
  --cyan: #24d4ff;
  --on-cyan: #03202a;
  --magenta: #ff3fd2;
  --on-magenta: #2d0424;
  --lime: #c6f432;
  --on-lime: #1c2400;
  --rarity-common: #8f89b3;
  --rarity-uncommon: var(--lime);
  --rarity-rare: var(--cyan);
  --rarity-epic: var(--magenta);
  --rarity-legendary: var(--ink);
  --price-up: var(--lime);
  --price-down: var(--magenta);
  --focus: var(--lime);
  --shadow-hard: 4px 4px 0 #06040f;
  --shadow-hard-sm: 2px 2px 0 #06040f;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --radius-sm: 3px;
  --radius-md: 10px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-pill: 999px;
  --stroke-control: 2px;
  --stroke-card: 3px;
  --font-display: "Rubik Mono One", "Arial Black", system-ui, sans-serif;
  --font-body: Rubik, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-label: Silkscreen, ui-monospace, Consolas, monospace;
}
.display-xl { font-family: var(--font-display); font-size: 56px; line-height: 1; font-weight: 400; letter-spacing: -0.02em; }
.display-lg { font-family: var(--font-display); font-size: 36px; line-height: 1.05; font-weight: 400; letter-spacing: -0.02em; }
.ticker { font-family: var(--font-display); font-size: 26px; line-height: 1; font-weight: 400; letter-spacing: -0.01em; }
.logo { font-family: var(--font-display); font-size: 20px; line-height: 1; font-weight: 400; }
.heading { font-family: var(--font-body); font-size: 22px; line-height: 28px; font-weight: 700; }
.body { font-family: var(--font-body); font-size: 15px; line-height: 22px; font-weight: 400; }
.body-strong { font-family: var(--font-body); font-size: 15px; line-height: 22px; font-weight: 600; }
.small { font-family: var(--font-body); font-size: 13px; line-height: 18px; font-weight: 400; }
.data { font-family: var(--font-body); font-size: 15px; line-height: 20px; font-weight: 600; }
.label { font-family: var(--font-label); font-size: 11px; line-height: 14px; font-weight: 400; letter-spacing: 0.06em; }