@import url('./base.css');
:root {
  color-scheme: light;
  --bg:#e9eff9; --surface:rgba(255,255,255,.62); --surface-soft:rgba(241,246,255,.64);
  --ink:#192a43; --muted:#52647e; --line:rgba(89,119,160,.17);
  --accent:#c64d1a; --accent-hover:#ad3b0c; --accent-soft:rgba(255,149,94,.15);
  --nav:rgba(19,37,64,.87); --nav-text:#bfcee4;
  --shadow:0 12px 32px rgba(35,67,111,.07),0 2px 6px rgba(30,57,92,.03);
  --purple:#7050b8; --purple-soft:rgba(146,116,225,.12);
  --blue:#286aa7; --blue-soft:rgba(93,166,238,.13);
  --green:#246c4e; --danger:#ad3030; --radius:21px;
  --font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --glass-top:rgba(255,255,255,.84); --glass-bottom:rgba(255,255,255,.40);
  --glass-edge:rgba(255,255,255,.92); --glass-highlight:rgba(255,255,255,.88);
  --field-bg:rgba(255,255,255,.62); --opaque-surface:#f4f7fc;
  --sky-glow:rgba(104,173,255,.30); --violet-glow:rgba(176,159,238,.24); --warm-glow:rgba(255,196,154,.23);
}
:root[data-theme=dark] {
  color-scheme:dark;
  --bg:#0c162a; --surface:rgba(29,47,75,.70); --surface-soft:rgba(49,71,106,.32);
  --ink:#f1f6ff; --muted:#b4c4dd; --line:rgba(178,206,245,.15);
  --accent:#ffac7c; --accent-hover:#ffc7a4; --accent-soft:rgba(255,149,94,.11);
  --nav:rgba(12,26,46,.78); --nav-text:#c3d0e5;
  --shadow:0 16px 40px rgba(2,7,18,.24),0 3px 8px rgba(0,0,0,.08);
  --purple:#cbb4ff; --purple-soft:rgba(156,122,233,.15);
  --blue:#9ed0ff; --blue-soft:rgba(98,167,241,.13);
  --green:#89dcb6; --danger:#ffaaa4;
  --glass-top:rgba(64,88,126,.52); --glass-bottom:rgba(21,38,63,.57);
  --glass-edge:rgba(185,216,255,.24); --glass-highlight:rgba(224,241,255,.15);
  --field-bg:rgba(14,29,49,.50); --opaque-surface:#192a42;
  --sky-glow:rgba(58,116,199,.29); --violet-glow:rgba(113,91,189,.18); --warm-glow:rgba(177,112,80,.10);
}