:root {
  color-scheme: light;
  --page: #F7F5EF;
  --surface: #FFFDF8;
  --surface-2: #EFEBE2;
  --text: #202A2E;
  --text-2: #59666A;
  --accent: #276B68;
  --accent-hover: #1E5553;
  --sage: #7E9D8C;
  --gold: #D49A4A;
  --border: #D8D4CA;
  --shadow-color: rgba(39, 50, 51, .11);
  --layer-experience: #C48B50;
  --layer-action: #B96F55;
  --layer-intelligence: #7D7194;
  --layer-semantics: #687E86;
  --layer-ontology: #347C77;
  --layer-evidence: #829E8C;
  --layer-governance: #34413F;

  /* Compatibility tokens shared with EIE Sessions. */
  --eie-paper: var(--page);
  --eie-paper-2: var(--surface-2);
  --eie-ink: var(--text);
  --eie-muted: var(--text-2);
  --eie-line: color-mix(in srgb, var(--border) 82%, transparent);
  --eie-blue: var(--layer-evidence);
  --eie-indigo: var(--layer-ontology);
  --eie-teal: var(--layer-semantics);
  --eie-amber: var(--layer-intelligence);
  --eie-orange: var(--layer-action);
  --eie-coral: var(--layer-experience);
  --eie-purple: #8B7042;
  --eie-shadow: 0 24px 70px var(--shadow-color);
}

[data-theme="dark"] {
  color-scheme: dark;
  --page: #1B2221;
  --surface: #242D2B;
  --surface-2: #2D3734;
  --text: #F1EFE7;
  --text-2: #B7B9B1;
  --accent: #70B7AE;
  --accent-hover: #8CCBC3;
  --sage: #8FAF9D;
  --gold: #D9A85D;
  --border: #3B4642;
  --shadow-color: rgba(0, 0, 0, .28);
  --layer-experience: #D1A164;
  --layer-action: #C98468;
  --layer-intelligence: #9A8AAA;
  --layer-semantics: #879CA2;
  --layer-ontology: #70B7AE;
  --layer-evidence: #92B19E;
  --layer-governance: #D3D8D1;
}

html { background: var(--page); }
html, body { transition: background-color .25s ease, color .25s ease; }