:root,
:root[data-theme="green"] {
  --bg: #0a0e0a;
  --fg: #00ff41;
  --fg-dim: #00aa28;
  --accent: #00ff41;
  --paper-bg: #f4f1ea;
  --ink: #111111;
  --y2k-magenta: #ff2e93;
  --y2k-cyan: #00f0ff;
  --glow: 0 0 1px var(--fg), 0 0 4px color-mix(in srgb, var(--fg) 60%, transparent), 0 0 12px color-mix(in srgb, var(--fg) 30%, transparent);
  --font-mono: ui-monospace, "Cascadia Code", Menlo, Consolas, "DejaVu Sans Mono", monospace;
  --font-display: "JetBrainsMono", var(--font-mono);
  --gap: clamp(0.75rem, 2vw, 1.5rem);
  --max-w: 72rem;
}

:root[data-theme="amber"] {
  --bg: #0d0905;
  --fg: #ffb000;
  --fg-dim: #aa7000;
  --accent: #ffb000;
  --glow: 0 0 1px var(--fg), 0 0 4px color-mix(in srgb, var(--fg) 60%, transparent), 0 0 12px color-mix(in srgb, var(--fg) 30%, transparent);
}

:root[data-theme="paper"] {
  --bg: var(--paper-bg);
  --fg: var(--ink);
  --fg-dim: #555;
  --accent: var(--y2k-magenta);
  --glow: none;
}

@font-face {
  font-family: "JetBrainsMono";
  src: url("/assets/fonts/jetbrains-mono-bold.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}

/* hidden custom-prop easter eggs — visible in DevTools */
:root {
  --joke-of-the-day: "every site is a city; this one's the corner store.";
  --inventor: "alexander graham bell, 1876";
  --secret-route: "/the-truth/";
  --ring-ring: "📞📞";
}