:root, [data-theme="light"] {
  color-scheme: dark;
  --bg: #181f1b;
  --bg-deep: #101612;
  --ink: #d8c9a4;
  --reply-ink: #f0dcb0;
  --muted: #8f8770;
  --amber: #c4a05a;
  --status: var(--amber);
  --danger: #c7784a;
  --border: rgba(196, 160, 90, 0.24);
  --guide-opacity: 0.9;
  --guide-shadow: 0 0 28px rgba(196, 160, 90, 0.16);
  --paper-noise-opacity: 0.055;
  --candle: 1;
  --candle-core: rgba(255, 176, 88, 0.22);
  --candle-moss: rgba(90, 110, 72, 0.16);
  --aurora: 1;
  --aurora-moss: #7d9170;
  --aurora-gold: #d4b46a;
  --veil:
    radial-gradient(ellipse at 48% 40%, rgba(196, 160, 90, 0.16), transparent 46%),
    radial-gradient(ellipse at 50% 100%, rgba(18, 32, 24, 0.55), transparent 46%),
    radial-gradient(ellipse at 50% 50%, transparent 40%, rgba(14, 20, 17, 0.86) 100%);
  --veil-size: auto, auto, auto;
  --latin: var(--font-script);
  --kai: var(--font-body);
  --body-serif: var(--font-body);
  --focus-ring: 2px solid var(--amber);
  --focus-offset: 3px;
  --radius: 0;
  --ease-ritual: 420ms ease;
  --shadow: 0 22px 48px rgba(8, 12, 10, 0.42);
  --portal-bg: var(--bg-deep);
  --portal-panel: #1b231e;
  --portal-ink: var(--reply-ink);
  --portal-muted: var(--muted);
  --portal-gold: var(--amber);
  --portal-line: var(--border);
  --portal-danger: var(--danger);
  --portal-display: var(--font-stone);
  --portal-kai: var(--font-body);
}

:focus-visible {
  outline: var(--focus-ring);
  outline-offset: var(--focus-offset);
}

[data-theme="dark"] {
  --bg: #000000;
  --bg-deep: #050403;
  --ink: #d8c4a0;
  --reply-ink: #f5e6c8;
  --muted: #b8b8b8;
  --amber: #cfab68;
  --status: #999;
  --danger: #c7796d;
  --border: rgba(255, 255, 255, 0.08);
  --guide-opacity: 0.9;
  --guide-shadow: 0 0 18px rgba(255, 230, 190, 0.25);
  --paper-noise-opacity: 0.04;
  --candle: 1;
  --candle-core: rgba(255, 180, 90, 0.12);
  --candle-moss: rgba(255, 180, 90, 0);
  --aurora: 1;
  --aurora-moss: #7d9170;
  --aurora-gold: #cfab68;
  --veil:
    radial-gradient(ellipse at 50% 40%, rgba(140, 110, 70, 0.18), transparent 50%),
    radial-gradient(ellipse at 50% 50%, transparent 50%, rgba(0, 0, 0, 0.88) 100%);
  --veil-size: auto, auto;
  --shadow: 0 22px 48px rgba(0, 0, 0, 0.55);
  --portal-bg: #080604;
  --portal-panel: #100c08;
  --portal-ink: #f3dfb6;
  --portal-muted: #ab9470;
  --portal-gold: #cfab68;
  --portal-line: rgba(220, 186, 124, 0.2);
  --portal-danger: #c7796d;
}