/* ============================================================
   taste direction: clinical
   Clinical: cool light grounds, one calm accent, one sans family, facts and schedules up front.
   A STARTING POINT, not the answer: re-derive the hues from the
   client's subject (references/brief.md) and keep the roles.
   Load after design-foundations/css/foundation.css. The dark remap
   sits under @media screen so print always resolves the light theme.
   Check every text pair after re-tuning:
   python3 scripts/check_contrast.py templates/directions/<file>.css
   ============================================================ */

:root {
  --uk-zhilishnik: #1762a8; /* navigation blue */
  --uk-rgh: #b65810; /* brick */
  --uk-remontnik: #91517a; /* municipal district marker */
  --uk-ks: #14745e; /* park green */
  --font-display: "Golos Text", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Golos Text", "Helvetica Neue", Arial, sans-serif;
  --w-display: 600;
  --tr-display: -0.025em;
  --tr-h2: -0.02em;
  --lh-display: 1.04;
  --radius: 12px;
  --radius-sm: 8px;
  --radius-button: 10px;
  --case-eyebrow: uppercase;
  --tr-eyebrow: 0.1em;
  --bg: #f7f9fa; /* drawing paper */
  --surface: #ffffff; /* white plans */
  --surface-2: #eef3f5;
  --ink: #0b2545; /* civic navy */
  --muted-strong: #34454f;
  --muted: #52636d;
  --line: #dde5e9;
  --line-strong: #c3cfd5;
  --ink-field: #0f2a33;
  --on-ink: #eef6f8;
  --on-ink-muted: #b7c9cf;
  --accent: #0d7480; /* river teal */
  --accent-fill: #0e7483;
  --accent-on-fill: #ffffff;
  --accent-text: #0b6a78;
  --accent-soft: #dff0f2;
  --field-1: #dff0f2;
  --field-1-ink: #0b2545;
  --field-2: #e7ecf6;
  --field-2-ink: #0b2545;
  --field-3: #0f2a33;
  --field-3-ink: #eef6f8;
  color-scheme: light dark;
}

@media screen and (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0d1418; /* night canvas */
    --uk-zhilishnik: #69b3ec;
    --uk-rgh: #f1a45e;
    --uk-remontnik: #d49ebc;
    --uk-ks: #65c3a1;
    --surface: #131c21;
    --surface-2: #18232a;
    --ink: #e8f0f3;
    --muted-strong: #c3d1d7;
    --muted: #93a6ae;
    --line: rgba(232, 240, 243, 0.1);
    --line-strong: rgba(232, 240, 243, 0.2);
    --ink-field: #081014;
    --on-ink: #e8f0f3;
    --on-ink-muted: #a9bcc3;
    --accent: #4cc3d2;
    --accent-fill: #4cc3d2;
    --accent-on-fill: #0d1418;
    --accent-text: #6fd0dc;
    --accent-soft: rgba(76, 195, 210, 0.14);
    --field-1: #16323a;
    --field-1-ink: #e8f0f3;
    --field-2: #1b2433;
    --field-2-ink: #e8f0f3;
    --field-3: #081014;
    --field-3-ink: #e8f0f3;
  }
}
@media screen {
  :root[data-theme="dark"] {
    --bg: #0d1418; /* night canvas */
    --uk-zhilishnik: #69b3ec;
    --uk-rgh: #f1a45e;
    --uk-remontnik: #d49ebc;
    --uk-ks: #65c3a1;
    --surface: #131c21;
    --surface-2: #18232a;
    --ink: #e8f0f3;
    --muted-strong: #c3d1d7;
    --muted: #93a6ae;
    --line: rgba(232, 240, 243, 0.1);
    --line-strong: rgba(232, 240, 243, 0.2);
    --ink-field: #081014;
    --on-ink: #e8f0f3;
    --on-ink-muted: #a9bcc3;
    --accent: #4cc3d2;
    --accent-fill: #4cc3d2;
    --accent-on-fill: #0d1418;
    --accent-text: #6fd0dc;
    --accent-soft: rgba(76, 195, 210, 0.14);
    --field-1: #16323a;
    --field-1-ink: #e8f0f3;
    --field-2: #1b2433;
    --field-2-ink: #e8f0f3;
    --field-3: #081014;
    --field-3-ink: #e8f0f3;
  }
  :root[data-theme="light"] { color-scheme: light; }
  :root[data-theme="dark"] { color-scheme: dark; }
}

/* signature */
body { font-variant-numeric: tabular-nums; }

/* Existing KS accessibility themes keep their high contrast on the map page. */
@media screen {
:root.a11y-theme-bw,:root[data-theme].a11y-theme-bw{--bg:#ffffff;--surface:#ffffff;--surface-2:#f2f2f2;--ink:#000000;--muted:#333333;--line:#000000;--line-strong:#000000;--accent:#000000;--accent-text:#000000;--accent-fill:#000000;--accent-on-fill:#ffffff;--accent-soft:#eaeaea}
:root.a11y-theme-wb,:root[data-theme].a11y-theme-wb{--bg:#000000;--surface:#141414;--surface-2:#111111;--ink:#ffffff;--muted:#e8e8e8;--line:#666666;--line-strong:#666666;--accent:#7fffd4;--accent-text:#7fffd4;--accent-fill:#7fffd4;--accent-on-fill:#000000;--accent-soft:#123b36}
:root.a11y-theme-blue,:root[data-theme].a11y-theme-blue{--bg:#eaf4ff;--surface:#ffffff;--surface-2:#dbeafe;--ink:#0b2545;--muted:#0f3a63;--line:#7fb3e0;--line-strong:#7fb3e0;--accent:#0b5ea8;--accent-text:#0b5ea8;--accent-fill:#0b5ea8;--accent-on-fill:#ffffff;--accent-soft:#cfe6fb}
}