/* pitech — design tokens (source of truth for colors).
   Mirrors the palette from the Claude Design project's pitech-theme.js.
   Change a color here and it updates everywhere it's used via var(). */

:root[data-theme="light"] {
  --page-bg: #efe7d6;
  --header-bg: #e6dcc7;
  --header-border: rgba(0, 0, 0, .18);
  --text: #2a2018;
  --muted: #6b645a;
  --accent: #c8781a;
  --accent-glow: rgba(200, 120, 26, .4);
  --nav-color: #2a2018;
  --section-border: rgba(0, 0, 0, .12);
  --heading: #2a2018;
  --dash-border: rgba(0, 0, 0, .22);
  --theme-label: "\263e dark";
}

:root[data-theme="dark"] {
  --page-bg: #14181d;
  --header-bg: #1d232b;
  --header-border: rgba(255, 255, 255, .1);
  --text: #cdd4dc;
  --muted: #8b9099;
  --accent: #ffb000;
  --accent-glow: rgba(255, 176, 0, .5);
  --nav-color: #cdd4dc;
  --section-border: rgba(255, 255, 255, .08);
  --heading: #e6ebf1;
  --dash-border: rgba(255, 255, 255, .15);
  --theme-label: "\2600 light";
}

:root {
  /* fixed accents — same in both themes (the amber monitor + the DOS banner) */
  --crt-bg: #1a0f00;
  --crt-amber: #ffb000;
  --crt-amber-soft: #ffd479;
  --banner-bg: #0000aa;
  --banner-ink: #d9d9ff;
  --banner-yellow: #ffff66;

  --font-mono: 'IBM Plex Mono', monospace;
  --font-display: 'Space Grotesk', sans-serif;
}