:root {
  color-scheme: light;
  --bg: #f6f1e7;
  --card: #fffdf8;
  --text: #16342d;
  --accent: #a87530;
  --accent-text: #fff;
  --soft: #e8dfcd;
  --line: #16342d25;
  --gold: #d7ad57;
  --art-a: #d8eee7;
  --art-b: #f0ddbc;
  --art-hill: #73988b;
  --radius: 24px;
  --shadow: 0 18px 52px #34240c12;
}
:root.dark {
  color-scheme: dark;
  --bg: #10201c;
  --card: #172c26;
  --text: #f5efe4;
  --soft: #29423a;
  --line: #fff2;
}

:root[data-theme="1"] .route:first-child { background: linear-gradient(145deg, var(--card), color-mix(in srgb, var(--art-a) 45%, var(--card))); }
:root[data-theme="1"] .route:last-child { background: linear-gradient(145deg, var(--card), color-mix(in srgb, var(--art-b) 48%, var(--card))); }
:root[data-theme="1"] .ritual-figure { border-radius: calc(var(--radius) - 1px) calc(var(--radius) - 1px) 0 0; }

:root[data-theme="2"] {
  --bg: #f7fafc;
  --card: #fff;
  --text: #152a3a;
  --accent: #d96f3c;
  --accent-text: #fff;
  --soft: #dceaf0;
  --line: #152a3a20;
  --art-a: #b7d9e2;
  --art-b: #efd1b9;
  --art-hill: #496f78;
  --radius: 16px;
  --shadow: 0 13px 38px #152a3a12;
}
:root[data-theme="2"].dark {
  --bg: #101c24;
  --card: #182a35;
  --text: #eef7fa;
  --soft: #243c49;
  --line: #fff2;
}
:root[data-theme="2"] .site-header { border-top: 4px solid var(--accent); }
:root[data-theme="2"] .stage-content { border-inline-start: 5px solid var(--accent); }
:root[data-theme="2"] .route { border-inline-start: 5px solid var(--accent); }
:root[data-theme="2"] .ritual-grid { grid-template-columns: 225px minmax(0, 1fr); }
:root[data-theme="2"] .stage-nav button span { border-radius: 8px; }
:root[data-theme="2"] .ritual-figure { background: linear-gradient(110deg, var(--art-a), var(--card) 50%, var(--art-b)); }

:root[data-theme="4"] {
  --bg: #efe5d2;
  --card: #fffaf1;
  --text: #243b3b;
  --accent: #934235;
  --accent-text: #fff;
  --soft: #e3d1af;
  --line: #243b3b3b;
  --art-a: #e3cda7;
  --art-b: #f7ecd8;
  --art-hill: #738b78;
  --radius: 10px;
  --shadow: 7px 7px 0 #934235;
}
:root[data-theme="4"].dark {
  --bg: #1d2928;
  --card: #253532;
  --text: #f7eddb;
  --soft: #354b47;
  --line: #fff3;
  --art-a: #934235;
  --art-b: #6f3435;
}
:root[data-theme="4"] .route,
:root[data-theme="4"] .stage-content,
:root[data-theme="4"] .mode-chooser { border: 2px solid var(--text); }
:root[data-theme="4"] .stage-nav button { border-style: solid; }
:root[data-theme="4"] .hero { padding: 24px 0; background: none; }
:root[data-theme="4"] .ritual-figure { background: linear-gradient(145deg, var(--art-a), var(--art-b)); }
:root[data-theme="4"] .source-link { border-radius: 3px; }

@media (max-width: 800px) {
  :root[data-theme="2"] .ritual-grid { grid-template-columns: 1fr; }
  :root[data-theme="2"] .stage-content { border-inline-start-width: 3px; }
  :root[data-theme="4"] .hero { padding: 8px 0; }
}