/* ── Design tokens ──────────────────────────────────────────
   Change the palette here and every page picks it up on next build.
   rgb triples (no "rgb()" wrapper) so callers can do rgba(var(--x-rgb), .5) */
:root {
  /* backgrounds — dark slate blue family */
  --bg-rgb: 10, 14, 42;
  --card-rgb: 26, 33, 64;
  --card-dark-rgb: 12, 15, 42;

  /* text */
  --text-rgb: 240, 240, 240;
  --white: #ffffff;

  /* brand accent — orange/amber family */
  --orange-rgb: 255, 140, 26;
  --orange: #ff8c1a;
  --orange-deep-rgb: 255, 106, 0;
  --orange-deep: #ff6a00;
  --orange-red: #f04e00;
  --amber: #ffa05c;
  --amber-light: #ffb35c;
  --amber-lighter: #ffc896;
  --amber-lightest: #ffd9b3;

  /* status */
  --green-rgb: 52, 211, 153;
  --green: #34d399;

  /* macOS window chrome dots (not brand colors, kept literal) */
  --dot-red: #ff5f57;
  --dot-yellow: #febc2e;
  --dot-green: #28c840;

  --font-sans: 'Archivo', system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;

  --max-width: 1320px;
}