/* Shared by login and Studio; load before each page's component stylesheet. */
:root{
  color-scheme:dark;
  --bg:#0b0e14;
  --panel:#121720;
  --panel2:#19212c;
  --panel3:#242f3e;
  --panel4:#303e50;
  --line:#303c4e;
  --line2:#56677e;
  --text:#edf2fa;
  --muted:#b0bccd;
  --dim:#a2b0c3;
  --accent:#86a6ff;
  --accent2:#adc4ff;
  --on-accent:#0b1428;
  --accent-soft:rgba(134,166,255,.12);
  --accent-ring:rgba(134,166,255,.32);
  --ok:#75d6a6;
  --warn:#f0c479;
  --danger:#ff929c;
  --ok-soft:rgba(117,214,166,.10);
  --warn-soft:rgba(240,196,121,.10);
  --danger-soft:rgba(255,146,156,.10);
  --ok-line:rgba(117,214,166,.36);
  --warn-line:rgba(240,196,121,.36);
  --danger-line:rgba(255,146,156,.40);
  --scrim:rgba(5,8,14,.80);
  --font-body:"Segoe UI Variable Text","Segoe UI",sans-serif;
  --font-heading:Bahnschrift,"Segoe UI Variable Display","Segoe UI",sans-serif;
  --font-mono:"Cascadia Mono",Consolas,monospace;
  --sh-1:0 2px 8px rgba(0,0,0,.18);
  --sh-2:0 16px 48px rgba(0,0,0,.36);
  --sh-3:0 32px 96px rgba(0,0,0,.52);
  --ease:cubic-bezier(.2,.7,.3,1);
  --fast:.14s;
  --mid:.24s;
}