/* ============================================================
   TOKENS — 3rd Sun Labs brand. Themes override the semantic
   layer only; core brand colors stay put.
   ============================================================ */
:root{
  --navy-950:#030B23; --navy-900:#06132F; --navy-800:#0D2145;
  --cyan-400:#10D3F4; --blue-500:#0595EB; --indigo-500:#6742EA; --violet-400:#7D74ED;
  --white:#F4F7FF; --muted:#A7B6D4;
  --ok:#2EE6A8; --warn:#F5B14C;
  --brand-gradient:linear-gradient(115deg,var(--cyan-400) 0%,var(--blue-500) 46%,var(--indigo-500) 76%,var(--violet-400) 100%);
  --brand-glow:0 0 42px rgba(16,211,244,.16);
  --font-display:"Space Grotesk","Segoe UI",sans-serif;
  --font-body:"Inter","Segoe UI",sans-serif;
  --radius-sm:12px; --radius-md:20px;
  --transition:180ms ease;
}
/* Theme: Solar (default) */
[data-theme="solar"]{
  color-scheme:dark;
  --color-bg:var(--navy-950); --color-surface:var(--navy-900);
  --color-text:var(--white); --color-text-muted:var(--muted);
  --color-accent:var(--cyan-400);
  --color-border:rgba(167,182,212,.18);
  --card-bg:rgba(13,33,69,.45);
  --side-bg:rgba(6,19,47,.55); --top-bg:rgba(3,11,35,.5);
  --field-bg:rgba(3,11,35,.6); --hover-bg:rgba(167,182,212,.07);
  --ok-dim:rgba(46,230,168,.12); --warn-dim:rgba(245,177,76,.12);
  --glow1:rgba(16,211,244,.09); --glow2:rgba(103,66,234,.11);
  --grid-line:rgba(255,255,255,.025);
  --chip-user:rgba(103,66,234,.28); --chip-user-b:rgba(125,116,237,.35);
}
/* Theme: Daylight */
[data-theme="daylight"]{
  color-scheme:light;
  --color-bg:#EDF1FA; --color-surface:#FFFFFF;
  --color-text:#0B1B3A; --color-text-muted:#57678A;
  --color-accent:#0595EB;
  --color-border:rgba(11,27,58,.13);
  --card-bg:rgba(255,255,255,.8);
  --side-bg:rgba(255,255,255,.75); --top-bg:rgba(237,241,250,.75);
  --field-bg:#FFFFFF; --hover-bg:rgba(11,27,58,.05);
  --ok:#0B9E6F; --warn:#B26A00;
  --ok-dim:rgba(11,158,111,.1); --warn-dim:rgba(178,106,0,.1);
  --glow1:rgba(16,211,244,.14); --glow2:rgba(125,116,237,.14);
  --grid-line:rgba(11,27,58,.04);
  --chip-user:rgba(103,66,234,.14); --chip-user-b:rgba(103,66,234,.3);
  --brand-glow:0 0 42px rgba(5,149,235,.18);
}
/* Theme: Orbit (deep violet) */
[data-theme="orbit"]{
  color-scheme:dark;
  --color-bg:#0B0723; --color-surface:#140E33;
  --color-text:var(--white); --color-text-muted:#B3ACE0;
  --color-accent:var(--violet-400);
  --color-border:rgba(179,172,224,.2);
  --card-bg:rgba(29,21,71,.5);
  --side-bg:rgba(20,14,51,.6); --top-bg:rgba(11,7,35,.55);
  --field-bg:rgba(11,7,35,.65); --hover-bg:rgba(179,172,224,.08);
  --ok-dim:rgba(46,230,168,.12); --warn-dim:rgba(245,177,76,.12);
  --glow1:rgba(125,116,237,.14); --glow2:rgba(16,211,244,.07);
  --grid-line:rgba(255,255,255,.03);
  --chip-user:rgba(16,211,244,.14); --chip-user-b:rgba(16,211,244,.3);
}

*,*::before,*::after{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;min-width:320px;
  background:
    radial-gradient(circle at 18% 8%,var(--glow1),transparent 28rem),
    radial-gradient(circle at 85% 30%,var(--glow2),transparent 32rem),
    var(--color-bg);
  color:var(--color-text);
  font-family:var(--font-body);font-size:15px;line-height:1.6;
  transition:background .3s ease,color .3s ease;
}
body::before{
  content:"";position:fixed;inset:0;z-index:0;opacity:.8;pointer-events:none;
  background-image:
    linear-gradient(var(--grid-line) 1px,transparent 1px),
    linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(to bottom,black,transparent 82%);
}
a{color:inherit}
button,input,textarea,select{font:inherit;color:inherit}
h1,h2,h3{font-family:var(--font-display);line-height:1.2;margin:0}