/* Three directions (R-1, D-28) x light/dark (D-18).
   The mock sets data-ktf-dir and data-ktf-mode on the root element; the viewer's own data-theme only seeds the first mode. */

/* v1 «Летопись школы»: cool grey paper, iron-gall ink, seal red used sparingly */
:root, :root[data-ktf-dir="v1"] {
  --bg: #e9e8e1; --surface: #f4f3ee; --surface-2: #dedcd2; --text: #23241f; --muted: #5f6156;
  --accent: #2e3d5a; --accent-ink: #f4f3ee; --seal: #8a3024; --line: #c7c4b6; --focus: #2e3d5a;
  --ribbon: #111;
  --font-display: "Old Standard TT", "Times New Roman", Georgia, serif;
  --font-body: "Literata", Georgia, "Times New Roman", serif;
  --font-label: "Old Standard TT", Georgia, serif;
  --display-case: none; --display-track: 0; --label-case: uppercase; --label-track: .12em;
  --radius: 2px; --shadow: 0 1px 0 rgba(35, 36, 31, .12);
  --photo-filter: grayscale(.45) sepia(.18) contrast(1.04);
  --scrim: linear-gradient(180deg, rgba(35, 32, 26, .15), rgba(35, 32, 26, .72));
  --hero-text: #f4f1e8;
  color-scheme: light;
}
:root[data-ktf-dir="v1"][data-ktf-mode="dark"] {
  --bg: #171815; --surface: #20221e; --surface-2: #2a2c27; --text: #e7e5da; --muted: #a2a294;
  --accent: #a8b6d6; --accent-ink: #171815; --seal: #d0715f; --line: #3a3c35; --focus: #a8b6d6;
  --ribbon: #000;
  --shadow: 0 1px 0 rgba(0, 0, 0, .4);
  --photo-filter: grayscale(.5) sepia(.2) contrast(1.05) brightness(.9);
  --scrim: linear-gradient(180deg, rgba(10, 10, 8, .25), rgba(10, 10, 8, .82));
  color-scheme: dark;
}

/* v2 «Тёмный зал»: hall with the lights down, steel and dark wine */
:root[data-ktf-dir="v2"] {
  --bg: #ecedef; --surface: #ffffff; --surface-2: #dfe2e6; --text: #111418; --muted: #58606b;
  --accent: #6e1d24; --accent-ink: #ffffff; --seal: #6e1d24; --line: #cfd3d9; --focus: #6e1d24;
  --ribbon: #000;
  --font-display: "Oswald", "Arial Narrow", Arial, sans-serif;
  --font-body: "IBM Plex Sans", "Segoe UI", Arial, sans-serif;
  --font-label: "Oswald", "Arial Narrow", sans-serif;
  --display-case: uppercase; --display-track: .04em; --label-case: uppercase; --label-track: .16em;
  --radius: 0px; --shadow: 0 1px 2px rgba(17, 20, 24, .12);
  --photo-filter: grayscale(.7) contrast(1.15) brightness(.92);
  --scrim: linear-gradient(180deg, rgba(8, 9, 11, .35), rgba(8, 9, 11, .85));
  --hero-text: #f3f5f8;
  color-scheme: light;
}
:root[data-ktf-dir="v2"][data-ktf-mode="dark"] {
  --bg: #0b0d10; --surface: #15181d; --surface-2: #1d2127; --text: #eef1f5; --muted: #949dab;
  --accent: #c9616a; --accent-ink: #0b0d10; --seal: #c9616a; --line: #2a2f37; --focus: #c9616a;
  --shadow: 0 1px 2px rgba(0, 0, 0, .5);
  --photo-filter: grayscale(.75) contrast(1.2) brightness(.8);
  color-scheme: dark;
}

/* v3 «Музей команды»: passe-partout, captions, navy */
:root[data-ktf-dir="v3"] {
  --bg: #f4f4f1; --surface: #ffffff; --surface-2: #e8e6e0; --text: #16191d; --muted: #61666e;
  --accent: #1d3557; --accent-ink: #ffffff; --seal: #1d3557; --line: #dcdad3; --focus: #1d3557;
  --ribbon: #111;
  --font-display: "Forum", "Times New Roman", serif;
  --font-body: "Golos Text", "Segoe UI", Arial, sans-serif;
  --font-label: "Golos Text", "Segoe UI", sans-serif;
  --display-case: none; --display-track: .01em; --label-case: uppercase; --label-track: .1em;
  --radius: 0px; --shadow: 0 1px 3px rgba(22, 25, 29, .1);
  --photo-filter: none;
  --scrim: linear-gradient(180deg, rgba(16, 18, 20, 0) 35%, rgba(16, 18, 20, .7));
  --hero-text: #ffffff;
  color-scheme: light;
}
:root[data-ktf-dir="v3"][data-ktf-mode="dark"] {
  --bg: #111315; --surface: #1a1d20; --surface-2: #23272b; --text: #f2f2ef; --muted: #a2a7ab;
  --accent: #9dbbe0; --accent-ink: #111315; --seal: #9dbbe0; --line: #2e3337; --focus: #9dbbe0;
  --ribbon: #000;
  --shadow: 0 1px 3px rgba(0, 0, 0, .5);
  --photo-filter: brightness(.92);
  color-scheme: dark;
}

/* before the script runs: follow the system scheme */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]):not([data-ktf-mode]) {
    --bg: #171815; --surface: #20221e; --surface-2: #2a2c27; --text: #e7e5da; --muted: #a2a294;
    --accent: #a8b6d6; --accent-ink: #171815; --line: #3a3c35;
    color-scheme: dark;
  }
}