/* SpankJizz — the only source of literal UI colors. */
:root {
  color-scheme: dark;
  --color-bg: #111214;
  --color-surface: #1a1b1f;
  --color-raised: #23252a;
  --color-line: #34363d;
  --color-text: #f4f4f5;
  --color-secondary: #c4c5cb;
  --color-muted: #a2a4ae;
  --color-accent: #ff886f;
  --color-accent-hover: #ffab98;
  --color-accent-soft: #31211f;
  --color-on-accent: #171313;
  --color-player: #090a0c;
  --color-overlay: #111214e6;
  --color-shade: #111214b3;
  --color-clear: transparent;
  --shadow-pop: 0 8px 28px #00000040;
  --font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --text-xs: .75rem;
  --text-sm: .875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.5rem;
  --text-display: clamp(1.75rem, 3vw, 2.5rem);
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-pill: 999px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --content-max: 1360px;
}
