:root {
  --bg-0:#0B1220;
  --bg-1:#0B1220;
  --surface-1:#121A2F;
  --surface-2:#121A2F;
  --line:#1F2A3A;
  --line-strong:#2a3a52;
  --text-1:#E6ECF5;
  --text-2:#A9B4C7;
  --text-3:#8f9cb2;
  --accent:#5F6F95;
  --accent-strong:#6B7FA6;
  --accent-violet:#6B7FA6;
  --ok:#31d083;
  --warn:#ffb347;
  --danger:#ff7f8f;

  --radius-sm:10px;
  --radius-md:14px;
  --radius-lg:18px;
  --radius-pill:999px;

  --shadow-1:0 8px 28px rgba(0,0,0,.24);
  --shadow-2:0 16px 48px rgba(0,0,0,.34);

  --dur-fast:120ms;
  --dur:180ms;
  --dur-slow:260ms;
  --ease-standard:cubic-bezier(.2,.7,.2,1);
}

html,body{
  background:var(--bg-0)!important;
  color:var(--text-1)!important;
}

body{position:relative; min-height:100svh;}
body::before, body::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
}
body::before{
  background:
    radial-gradient(1200px 700px at 8% -12%, rgba(95,111,149,.20), transparent 62%),
    radial-gradient(1100px 680px at 92% 6%, rgba(107,127,166,.16), transparent 64%),
    linear-gradient(180deg, #121A2F 0%, #0B1220 100%);
}
body::after{
  background:linear-gradient(to bottom, rgba(255,255,255,.03), rgba(255,255,255,0));
}

@media (prefers-reduced-motion:no-preference){
  body::before{animation:meshShift 18s ease-in-out infinite alternate;}
  @keyframes meshShift {
    0%{filter:saturate(98%);transform:translate3d(0,0,0)}
    100%{filter:saturate(110%);transform:translate3d(0,-1.2%,0)}
  }
}