/* Colour tokens shared by every page. Light values match the LIGHT map in the Claude Design files. */
:root {
  --bg: #0b1120; --bg2: #101a31; --bg-foot: #080d19; --glow: #1b2850;
  --panel: #131d3a; --panel2: #18234a; --input: #0f1730;
  --ink: #f2e8d5; --ink2: #d9cfbc; --ink3: #c9bfae; --ink4: #a69e8f;
  --gold: #d8b15f; --gold-hi: #ecca7c; --gold-line: #d8b15f; --gold-text: #e3bf6e; --gold-text-hover: #f0d08a;
  --gold-rgb: 216, 177, 95; --header: rgba(11, 17, 32, 0.88); --on-gold: #0b1120;
  --good: #8fc98a; --warn: #e6b45a; --bad: #e8907a;
  --line: rgba(var(--gold-rgb), 0.25); --line2: rgba(var(--gold-rgb), 0.45);
  color-scheme: dark;
}
:root[data-theme="light"] {
  --bg: #f5f0e6; --bg2: #ece4d3; --bg3: #e8e1e6; --bg-foot: #e6dcc8; --glow: #fffbf3;
  --cta1: #fffaf0; --cta2: #f3ead6; --hover: #fffaf2;
  --panel: #fbf7ef; --panel2: #f1eadc; --input: #fffaf0;
  --ink: #0f1a33; --ink2: #26304c; --ink3: #3f475e; --ink4: #585d70;
  --gold: #d4a650; --gold-hi: #e2b863; --gold-line: #a9822f; --gold-text: #86601c; --gold-text-hover: #6a4b14;
  --gold-rgb: 150, 112, 40; --header: rgba(245, 240, 230, 0.9);
  --good: #3f7a3a; --warn: #9a6a12; --bad: #b0452f;
  color-scheme: light;
}

[hidden] { display: none !important; }