:root{
  --xo-navy:#07134F;
  --xo-blue:#0A33C7;
  --xo-electric:#168CF5;
  --xo-cyan:#18C7EA;
  --xo-purple:#7046E8;
  --xo-pink:#F44C91;
  --xo-yellow:#FFBE2E;
  --xo-green:#20C997;
  --xo-coral:#FF5C61;

  --bg:#F5F8FF;
  --surface:#FFFFFF;
  --surface-2:#EDF4FF;
  --card:#FFFFFF;
  --border:#DCE7F7;
  --text:#102147;
  --muted:#697A9B;
  --header:rgba(255,255,255,.90);
  --shadow:0 22px 60px rgba(20,48,105,.10);
  --shadow-soft:0 10px 28px rgba(20,48,105,.08);
  --radius:22px;
  --radius-sm:14px;
  --header-h:72px;
  --sidebar-w:266px;
}

html[data-theme="dark"]{
  --bg:#071126;
  --surface:#0C1832;
  --surface-2:#101F3D;
  --card:#111F3D;
  --border:#24375B;
  --text:#F4F7FF;
  --muted:#9AADD0;
  --header:rgba(12,24,50,.90);
  --shadow:0 22px 70px rgba(0,0,0,.30);
  --shadow-soft:0 10px 32px rgba(0,0,0,.18);
}