:root{
  color-scheme:dark;
  --ground:#070A14;
  --s1:#0B0F1C;
  --s2:#10162A;
  --s3:#161D34;
  --line:#1A2240;
  --line-2:#26304E;
  --line-3:#3A4569;
  --text:#E9ECF7;
  --text-2:#A2ABC7;
  --text-3:#757F9E;
  --accent:#6674FF;
  --accent-rgb:102,116,255;
  --accent-soft:#9AA6FF;
  --accent-deep:#3040D6;
  --accent-hover:#C3CBFF;
  --on-accent:#05081A;
  --glass:rgba(7,10,20,.78);
  --grid-line:rgba(154,166,255,.05);
  --accent-line:rgba(154,166,255,.28);
  --f-display:"Schibsted Grotesk",sans-serif;
  --f-body:"Instrument Sans",sans-serif;
  --f-mono:"Spline Sans Mono",monospace;
  --nav-h:60px;
  --rail-w:74px;
  --gutter:172px;
  --ease:cubic-bezier(.22,.72,.28,1);
}

:root[data-theme="light"]{
  color-scheme:light;
  --ground:#EDF0F7;
  --s1:#F5F7FB;
  --s2:#FBFCFE;
  --s3:#FFFFFF;
  --line:#D2D8E8;
  --line-2:#BAC3DA;
  --line-3:#9AA6C4;
  --text:#0C1023;
  --text-2:#414B66;
  --text-3:#5B647E;
  --accent:#4756E8;
  --accent-rgb:71,86,232;
  --accent-soft:#3A46D0;
  --accent-deep:#2A34A8;
  --accent-hover:#262FA0;
  --on-accent:#FFFFFF;
  --glass:rgba(245,247,251,.82);
  --grid-line:rgba(71,86,232,.07);
  --accent-line:rgba(58,70,208,.32);
}