/* =====================================================================
   TTime – färger per tema
   css/ttime-tema.css

   Används av ttime.php och ttimeweek.php, så att dagvyn och
   veckoöversikten har samma färger. js/ks-tema.js sätter data-theme på
   <html>: rymd (standard), hav, jul, ljus – och korallrevet (ljus +
   data-variant="korall").
   ===================================================================== */
:root{
  --tt-p:#818CF8;--tt-pd:#6366F1;--tt-pl:rgba(99,102,241,.18);
  --tt-cy:#38BDF8;--tt-go:#FBBF24;--tt-ok:#34D399;--tt-wa:#FB923C;--tt-da:#F87171;
  --tt-mu:#64748B;--tt-b1:#1E2D45;--tt-b2:#2D3F5C;
  --tt-sf:var(--color-bg-secondary,#111827);--tt-s2:var(--color-bg-tertiary,#1A2235);
  --tt-r:12px;--tt-rs:8px;--tt-sh:0 4px 24px rgba(0,0,0,.4);--tt-gl:0 0 20px rgba(99,102,241,.25);
  /* Klockan (ritas på canvas och läser de här vid varje tema) */
  --tt-kl-bg1:#111827;--tt-kl-bg2:#0d1224;--tt-kl-siffror:#94A3B8;
  --tt-kl-tim:#818CF8;--tt-kl-min:#F87171;--tt-kl-sek:#C0C0C0;--tt-kl-glod:rgba(99,102,241,.4);
  /* Där nedräkningen sitter tonar ämneskortet ut mot den här färgen */
  --tt-cd-yta:rgba(8,12,28,.97);
}
/* ── Teman (js/ks-tema.js sätter data-theme på <html>) ───────────────
   Hav och jul är mörka och behöver bara egna toner. Ljust och korallrev
   får ljusa kort med ämnets färg som ton, och en ljus urtavla. */
[data-theme="hav"]{
  --tt-b1:#174a63;--tt-b2:#1f5f7d;--tt-mu:#8fb4c8;
  --tt-kl-bg1:#0b3a56;--tt-kl-bg2:#062a3d;--tt-kl-siffror:#a8d4e6;--tt-kl-glod:rgba(56,189,248,.35);
  --tt-cd-yta:rgba(6,34,50,.97);
}
[data-theme="jul"]{
  --tt-b1:#4a1a1f;--tt-b2:#62252b;--tt-mu:#c9a2a5;
  --tt-kl-bg1:#3a0d11;--tt-kl-bg2:#240709;--tt-kl-siffror:#f0d9b5;--tt-kl-tim:#f5c26b;--tt-kl-glod:rgba(245,194,107,.35);
  --tt-cd-yta:rgba(36,7,9,.97);
}
[data-theme="ljus"]{
  --tt-p:#4F46E5;--tt-pd:#4338CA;--tt-pl:rgba(79,70,229,.12);
  --tt-cy:#0369A1;--tt-go:#B45309;--tt-ok:#047857;--tt-wa:#C2410C;--tt-da:#DC2626;
  --tt-mu:#55636F;--tt-b1:#D5DDE4;--tt-b2:#C2CCD6;
  --tt-sh:0 4px 16px rgba(35,48,58,.10);--tt-gl:0 0 18px rgba(79,70,229,.18);
  --tt-kl-bg1:#ffffff;--tt-kl-bg2:#eef2f7;--tt-kl-siffror:#334155;
  --tt-kl-tim:#4338CA;--tt-kl-min:#DC2626;--tt-kl-sek:#64748B;--tt-kl-glod:rgba(79,70,229,.25);
  --tt-cd-yta:rgba(255,255,255,.96);
}
html[data-variant="korall"], html[data-variant="klassrum"]{ --tt-cd-yta:rgba(255,255,255,.85); }