/*
  Where theme foundation
  Components consume semantic tokens only. New themes should be added as
  another [data-theme="..."] token block rather than component overrides.
*/
:root,[data-theme="night"]{
  color-scheme:dark;
  --bg:#0d1015;
  --panel:#151a22;
  --panel-strong:#1a202a;
  --panel-soft:#10151c;
  --text:#f6f7f9;
  --muted:#929cab;
  --line:rgba(255,255,255,.09);
  --line-strong:rgba(255,255,255,.15);
  --accent:#d9ff69;
  --accent-text:#d9ff69;
  --accent-ink:#10130a;
  --topbar:rgba(13,16,21,.88);
  --nav:rgba(24,29,37,.94);
  --input:#0f1319;
  --backdrop:rgba(0,0,0,.70);
  --shadow:0 30px 80px rgba(0,0,0,.45);
  --unplaced-border:rgba(217,255,105,.30);
  --hero-glow:radial-gradient(circle at 86% 8%,rgba(217,255,105,.07),transparent 34%);
}

[data-theme="day"]{
  color-scheme:light;
  --bg:#f4f4ef;
  --panel:#ffffff;
  --panel-strong:#e9ebe4;
  --panel-soft:#f8f8f4;
  --text:#161916;
  --muted:#677064;
  --line:rgba(20,28,20,.10);
  --line-strong:rgba(20,28,20,.18);
  --accent:#b8df3b;
  --accent-text:#50670b;
  --accent-ink:#11160a;
  --topbar:rgba(244,244,239,.90);
  --nav:rgba(255,255,255,.94);
  --input:#f7f8f3;
  --backdrop:rgba(22,27,22,.42);
  --shadow:0 28px 70px rgba(26,36,25,.15);
  --unplaced-border:rgba(92,119,15,.30);
  --hero-glow:radial-gradient(circle at 86% 8%,rgba(130,168,28,.10),transparent 34%);
}

[data-theme="oled"]{
  color-scheme:dark;
  --bg:#000000;
  --panel:#090909;
  --panel-strong:#111111;
  --panel-soft:#050505;
  --text:#ffffff;
  --muted:#9b9b9b;
  --line:rgba(255,255,255,.11);
  --line-strong:rgba(255,255,255,.18);
  --accent:#d9ff69;
  --accent-text:#d9ff69;
  --accent-ink:#0b0d07;
  --topbar:rgba(0,0,0,.94);
  --nav:rgba(7,7,7,.96);
  --input:#050505;
  --backdrop:rgba(0,0,0,.82);
  --shadow:0 30px 80px rgba(0,0,0,.75);
  --unplaced-border:rgba(217,255,105,.32);
  --hero-glow:none;
}