/* Stratford Nucs — first-party light/dark theme.
   Tokens only (no filter:invert / hue-rotate). Clinical stills stay on a dark film well. */

:root{
  --theme-ease:.18s ease;
  --film:#0d1420;
}

html[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0a0e14;
  --bg2:#111826;
  --panel:#151f30;
  --panel2:#1b2740;
  --line:#243449;
  --txt:#e6edf5;
  --muted:#93a3b8;
  --accent:#38bdf8;
  --accent2:#a78bfa;
  --tc:#7cf29a;
  --good:#4ade80;
  --bad:#f87171;
  --warn:#fbbf24;
  --grant:#7dd3fc;
  --desk:#94a3b8;
  --lead:#5b6b82;
  --floor:#1a2438;
  --coll:#a78bfa;
  --shadow:0 8px 30px rgba(0,0,0,.45);
  --body-glow:#1a2744;
  --hover-fill:rgba(255,255,255,.04);
  --soft:#cdd8e6;
  --note:#e8d9b0;
  --overlay:rgba(6,10,18,.78);
  --clock-face:#0f172a;
  --clock-mins-bg:rgba(15,23,42,.9);
  --map-glow-a:rgba(56,189,248,.10);
  --map-glow-b:rgba(167,139,250,.08);
  --map-wrap-top:#121a28;
  --map-wrap-bot:#0b1220;
  --map-room-top:#2a3b55;
  --map-room-bot:#172033;
  --map-hall-edge:#151c2a;
  --map-hall-mid:#243044;
  --map-park-top:#1b2434;
  --map-park-bot:#0f1622;
  --map-building:#182233;
  --map-building-stroke:#5b7a9a;
  --map-room-stroke:#4a6280;
  --map-park-stroke:#3a5474;
  --map-label:#93a3b8;
  --map-label-dim:#64748b;
  --map-furniture:#243449;
  --map-furniture-stroke:#3a5474;
  --map-desk:#2a3a52;
  --map-desk-stroke:#5b6b82;
  --map-table:#334155;
  --map-table-stroke:#64748b;
  --map-lid:#3b4d66;
  --map-entrance:#0a0e14;
  --map-tile:rgba(148,163,184,.09);
  --map-chair:#2c3c52;
  --map-chair-stroke:#5a7394;
  --topic-ink:var(--topic);
  --impact-ink:#fecaca;
  --sig-ink:#bae6fd;
  --extra-ink:#e8d9b0;
}

html[data-theme="light"]{
  color-scheme:light;
  --bg:#f3f6fb;
  --bg2:#e7eef6;
  --panel:#ffffff;
  --panel2:#f4f7fb;
  --line:#c5d0de;
  --txt:#0f172a;
  --muted:#4b5d73;
  --accent:#0369a1;
  --accent2:#6d28d9;
  --tc:#15803d;
  --good:#15803d;
  --bad:#b91c1c;
  --warn:#b45309;
  --grant:#0284c7;
  --desk:#64748b;
  --lead:#475569;
  --floor:#d7e0ec;
  --coll:#7c3aed;
  --shadow:0 8px 24px rgba(15,23,42,.08);
  --body-glow:#d5e4f6;
  --hover-fill:rgba(15,23,42,.05);
  --soft:#334155;
  --note:#6b5420;
  --overlay:rgba(15,23,42,.48);
  --clock-face:#f8fafc;
  --clock-mins-bg:rgba(248,250,252,.94);
  --map-glow-a:rgba(3,105,161,.08);
  --map-glow-b:rgba(109,40,217,.06);
  --map-wrap-top:#e8eef6;
  --map-wrap-bot:#d5deea;
  --map-room-top:#eef3f9;
  --map-room-bot:#d9e3ef;
  --map-hall-edge:#d0dae6;
  --map-hall-mid:#e4ebf3;
  --map-park-top:#d8e0ea;
  --map-park-bot:#c5d0de;
  --map-building:#c5d0de;
  --map-building-stroke:#7b8fa8;
  --map-room-stroke:#8aa0b8;
  --map-park-stroke:#7b8fa8;
  --map-label:#334155;
  --map-label-dim:#475569;
  --map-furniture:#cdd6e3;
  --map-furniture-stroke:#94a3b8;
  --map-desk:#b6c4d6;
  --map-desk-stroke:#7b8fa8;
  --map-table:#94a3b8;
  --map-table-stroke:#64748b;
  --map-lid:#7c8ea3;
  --map-entrance:#e2e8f0;
  --map-tile:rgba(51,65,85,.14);
  --map-chair:#c5d0de;
  --map-chair-stroke:#8aa0b8;
  --topic-ink:color-mix(in srgb,var(--topic) 62%, #0f172a);
  --impact-ink:#9f1239;
  --sig-ink:#075985;
  --extra-ink:#854d0e;
}

html[data-theme] body{
  background:radial-gradient(1200px 800px at 70% -10%, var(--body-glow) 0%, var(--bg) 55%);
  color:var(--txt);
}

html[data-theme] .mode-toggle button:hover,
html[data-theme] .prep-toggle button:hover,
html[data-theme] .protocol-toggle button:hover{
  background:var(--hover-fill);
}

html[data-theme] .mode-toggle button.active,
html[data-theme] .prep-toggle button.active,
html[data-theme] .protocol-toggle button.active,
html[data-theme] .acq-caption b,
html[data-theme] .med-side h3{
  color:var(--topic-ink);
}

html[data-theme] .prep-notes{
  color:var(--note);
}
html[data-theme] .med-side p,
html[data-theme] .interp-detail p,
html[data-theme] .acq-caption,
html[data-theme] .explain{
  color:var(--soft);
}
html[data-theme] .med-side .impact{color:var(--impact-ink)}
html[data-theme] .interp-detail .sig{color:var(--sig-ink)}
html[data-theme] .interp-detail .extra,
html[data-theme] .step-rail button.decision:not(.current){
  color:var(--extra-ink);
}

html[data-theme] .facility-wrap{
  background:
    radial-gradient(820px 340px at 78% 12%, var(--map-glow-a), transparent 46%),
    radial-gradient(520px 260px at 14% 88%, var(--map-glow-b), transparent 50%),
    linear-gradient(180deg, var(--map-wrap-top) 0%, var(--map-wrap-bot) 100%);
}

html[data-theme] .clock{background:var(--clock-face)}
html[data-theme] .clock svg circle:first-of-type{fill:var(--clock-face)}
html[data-theme] .clock svg text{fill:var(--muted)}
html[data-theme] .clock .mins{background:var(--clock-mins-bg);color:var(--topic-ink)}
html[data-theme] .branch-overlay{background:var(--overlay)}

html[data-theme] #roomFloor stop:nth-child(1){stop-color:var(--map-room-top)}
html[data-theme] #roomFloor stop:nth-child(2){stop-color:var(--map-room-bot)}
html[data-theme] #hallFloor stop:nth-child(1),
html[data-theme] #hallFloor stop:nth-child(3){stop-color:var(--map-hall-edge)}
html[data-theme] #hallFloor stop:nth-child(2){stop-color:var(--map-hall-mid)}
html[data-theme] #parkFloor stop:nth-child(1){stop-color:var(--map-park-top)}
html[data-theme] #parkFloor stop:nth-child(2){stop-color:var(--map-park-bot)}
html[data-theme] #tileGrid path{stroke:var(--map-tile)}

html[data-theme] #facilitySvg [fill="#182233"]{fill:var(--map-building)}
html[data-theme] #facilitySvg [stroke="#5b7a9a"]{stroke:var(--map-building-stroke)}
html[data-theme] #facilitySvg [stroke="#4a6280"]{stroke:var(--map-room-stroke)}
html[data-theme] #facilitySvg [fill="#93a3b8"]{fill:var(--map-label)}
html[data-theme] #facilitySvg [fill="#64748b"]{fill:var(--map-label-dim)}
html[data-theme] #facilitySvg [fill="#243449"]{fill:var(--map-furniture)}
html[data-theme] #facilitySvg [stroke="#3a5474"]{stroke:var(--map-furniture-stroke)}
html[data-theme] #facilitySvg [fill="#2a3a52"]{fill:var(--map-desk)}
html[data-theme] #facilitySvg [stroke="#5b6b82"]{stroke:var(--map-desk-stroke)}
html[data-theme] #facilitySvg [fill="#334155"]{fill:var(--map-table)}
html[data-theme] #facilitySvg [stroke="#64748b"]{stroke:var(--map-table-stroke)}
html[data-theme] #facilitySvg [fill="#3b4d66"]{fill:var(--map-lid)}
html[data-theme] #facilitySvg [fill="#0a0e14"]{fill:var(--map-entrance)}
html[data-theme] #facilitySvg [fill="#0f172a"]{fill:var(--map-park-bot)}
html[data-theme] #chairs,
html[data-theme] #chairs rect{fill:var(--map-chair);stroke:var(--map-chair-stroke)}

html[data-theme="light"] #doorWaiting,
html[data-theme="light"] #doorMeal,
html[data-theme="light"] #doorCam{
  filter:drop-shadow(0 0 3px rgba(15,23,42,.18));
}

/* Teaching scintigrams: dark film, never invert. */
.clinical-still,
.case-card .thumb,
.interp-detail .case-fig,
.interp-detail .case-fig img,
.interp-detail .case-fig svg,
.case-card .thumb img,
.case-card .thumb svg,
.lightbox img,
.bp-fig-lightbox img{
  background:var(--film);
  filter:none !important;
  -webkit-filter:none !important;
}
.case-card .thumb,
.interp-detail .case-fig{
  isolation:isolate;
}
#facilitySvg image{
  filter:none !important;
}

.nav-end{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
}
.theme-toggle{
  display:inline-flex;align-items:center;gap:7px;
  padding:6px 12px;border-radius:999px;
  border:1px solid var(--line);background:var(--panel2);
  color:var(--muted);font:inherit;font-size:.88rem;font-weight:600;
  cursor:pointer;touch-action:manipulation;
}
.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}
.theme-toggle-icon{
  width:1.05em;height:1.05em;display:inline-block;position:relative;
}
.theme-toggle-icon::before{
  content:"";position:absolute;inset:0;
  background:currentColor;
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='black' d='M6.1 1.2a6.6 6.6 0 1 0 8.1 8.8A6.2 6.2 0 0 1 6.1 1.2z'/></svg>") center / contain no-repeat;
  mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='black' d='M6.1 1.2a6.6 6.6 0 1 0 8.1 8.8A6.2 6.2 0 0 1 6.1 1.2z'/></svg>") center / contain no-repeat;
}
html[data-theme="light"] .theme-toggle-icon::before{
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='black' d='M8 3.1a.7.7 0 0 1-.7-.7V1.1a.7.7 0 1 1 1.4 0v1.3A.7.7 0 0 1 8 3.1zm0 11.8a.7.7 0 0 1-.7-.7v-1.3a.7.7 0 1 1 1.4 0v1.3a.7.7 0 0 1-.7.7zM3.1 8a.7.7 0 0 1-.7.7H1.1a.7.7 0 1 1 0-1.4h1.3A.7.7 0 0 1 3.1 8zm11.8 0a.7.7 0 0 1-.7.7h-1.3a.7.7 0 1 1 0-1.4h1.3a.7.7 0 0 1 .7.7zM4.5 4.5a.7.7 0 0 1 0-1L5.4 2.6a.7.7 0 1 1 1 1L5.5 4.5a.7.7 0 0 1-1 0zm6.1 6.1a.7.7 0 0 1 0-1l.9-.9a.7.7 0 1 1 1 1l-.9.9a.7.7 0 0 1-1 0zM11.5 4.5a.7.7 0 0 1-1 0l-.9-.9a.7.7 0 1 1 1-1l.9.9a.7.7 0 0 1 0 1zM5.4 11.5a.7.7 0 0 1-1 0l-.9-.9a.7.7 0 1 1 1-1l.9.9a.7.7 0 0 1 0 1zM8 11.2A3.2 3.2 0 1 1 8 4.8a3.2 3.2 0 0 1 0 6.4z'/></svg>") center / contain no-repeat;
  mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='black' d='M8 3.1a.7.7 0 0 1-.7-.7V1.1a.7.7 0 1 1 1.4 0v1.3A.7.7 0 0 1 8 3.1zm0 11.8a.7.7 0 0 1-.7-.7v-1.3a.7.7 0 1 1 1.4 0v1.3a.7.7 0 0 1-.7.7zM3.1 8a.7.7 0 0 1-.7.7H1.1a.7.7 0 1 1 0-1.4h1.3A.7.7 0 0 1 3.1 8zm11.8 0a.7.7 0 0 1-.7.7h-1.3a.7.7 0 1 1 0-1.4h1.3a.7.7 0 0 1 .7.7zM4.5 4.5a.7.7 0 0 1 0-1L5.4 2.6a.7.7 0 1 1 1 1L5.5 4.5a.7.7 0 0 1-1 0zm6.1 6.1a.7.7 0 0 1 0-1l.9-.9a.7.7 0 1 1 1 1l-.9.9a.7.7 0 0 1-1 0zM11.5 4.5a.7.7 0 0 1-1 0l-.9-.9a.7.7 0 1 1 1-1l.9.9a.7.7 0 0 1 0 1zM5.4 11.5a.7.7 0 0 1-1 0l-.9-.9a.7.7 0 1 1 1-1l.9.9a.7.7 0 0 1 0 1zM8 11.2A3.2 3.2 0 1 1 8 4.8a3.2 3.2 0 0 1 0 6.4z'/></svg>") center / contain no-repeat;
}

@media(max-width:560px){
  .theme-toggle{min-height:44px}
}