:root,
:root[data-theme="dark"] {
  --bg: #111111;
  --bg-elevated: #181818;
  --bg-header-scroll: rgba(17, 17, 17, 0.88);
  --text: #dddddd;
  --text-muted: #999999;
  --text-faint: #666666;
  --border-subtle: #2a2a2a;
  --focus-ring: #dddddd;
  --code-bg: #1e1e1e;

  /* Crisp, readable category colors on #111 */
  --cat-1: #6ea8d6;
  --cat-2: #d4956a;
  --cat-3: #7abf96;
  --cat-4: #b388c9;
  --cat-5: #d1b866;
  --cat-6: #68b8b3;
  --cat-7: #cf7e8e;
  --cat-8: #9ab86c;
}

:root[data-theme="light"] {
  --bg: #f4f4f2;
  --bg-elevated: #eaeae6;
  --bg-header-scroll: rgba(244, 244, 242, 0.88);
  --text: #181818;
  --text-muted: #555555;
  --text-faint: #888888;
  --border-subtle: #d0d0cc;
  --focus-ring: #181818;
  --code-bg: #e5e5e0;

  --cat-1: #2b6594;
  --cat-2: #9e5322;
  --cat-3: #2a784c;
  --cat-4: #6f4287;
  --cat-5: #826914;
  --cat-6: #1f736e;
  --cat-7: #96374b;
  --cat-8: #4f6e22;
}

:root {
  --font-mono: monospace;
  --font-sans: monospace;

  --max-width: 100%;
  --pad-x: 6vw;
  --header-height: 3.75rem;
  --section-gap: clamp(5rem, 11vh, 8.5rem);
}