:root{
  --sq-bg:#0D0D0E;
  --sq-shell:#111214;
  --sq-surface:#151618;
  --sq-surface-2:#191A1D;
  --sq-card:#141517;
  --sq-elevated:#1C1D21;
  --sq-control:#1A1B1E;
  --sq-control-hover:#202126;
  --sq-border:#27282D;
  --sq-border-soft:#202126;
  --sq-border-strong:#3A3C43;
  --sq-text:#F7F8F6;
  --sq-text-soft:#D7DAD4;
  --sq-muted:#A0A69E;
  --sq-subtle:#7B8279;
  --sq-accent:#7BE84E;
  --sq-accent-rgb:123,232,78;
  --sq-on-accent:#0A1207;
  --sq-danger:#FF315D;
  --sq-warning:#F3B84B;
  --sq-info:#68B9FF;
  --sq-purple:#AE8BFF;
  --sq-radius-shell:24px;
  --sq-radius-card:18px;
  --sq-radius-control:13px;
  --sq-radius-small:10px;
  --sq-sidebar:292px;
  --sq-topbar:76px;
  --sq-content:1560px;
  --sq-shadow-sm:0 8px 24px rgba(0,0,0,.16);
  --sq-shadow:0 22px 70px rgba(0,0,0,.34);
  --sq-ring:0 0 0 3px rgba(var(--sq-accent-rgb),.12);
  --sq-font:"Space Grotesk",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --sq-focus:#B7FF98;
  --sq-ease:cubic-bezier(.2,.8,.2,1);
  --sq-ease-spring:cubic-bezier(.2,1,.3,1);
  --sq-duration-fast:140ms;
  --sq-duration:220ms;
  --sq-glass:rgba(13,13,14,.86);
  --sq-panel-translucent:rgba(10,11,12,.58);
  --sq-modal-glass:rgba(21,22,24,.94);
  --sq-hover:rgba(255,255,255,.04);
  --sq-icon-filter:brightness(0) invert(1);
  --sq-auth-card-bg:rgba(18,19,21,.86);
  --sq-auth-card-border:rgba(255,255,255,.085);
  --sq-auth-grid-line:rgba(255,255,255,.026);
  --sq-auth-visual-gradient:linear-gradient(145deg,rgba(var(--sq-accent-rgb),.055),transparent 46%);
  --sq-auth-panel-gradient:radial-gradient(circle at 70% 10%,rgba(var(--sq-accent-rgb),.055),transparent 34%);
  --sq-auth-input-bg:#17181B;
  --sq-auth-input-border:#303238;
  --sq-auth-shadow:0 24px 80px rgba(0,0,0,.30);
  --sq-auth-disabled-bg:color-mix(in srgb,var(--sq-accent) 58%,var(--sq-control));
}
html[data-theme="light"]{
  --sq-bg:#F4F5F1;
  --sq-shell:#FAFBF8;
  --sq-surface:#FFFFFF;
  --sq-surface-2:#F0F2ED;
  --sq-card:#FFFFFF;
  --sq-elevated:#FFFFFF;
  --sq-control:#F0F2ED;
  --sq-control-hover:#E9ECE5;
  --sq-border:#DDE1D8;
  --sq-border-soft:#E8EBE5;
  --sq-border-strong:#BFC6BA;
  --sq-text:#111510;
  --sq-text-soft:#353B33;
  --sq-muted:#687167;
  --sq-subtle:#818A7F;
  --sq-shadow-sm:0 8px 24px rgba(24,40,24,.06);
  --sq-shadow:0 22px 70px rgba(24,40,24,.12);
  --sq-glass:rgba(250,251,248,.90);
  --sq-panel-translucent:rgba(255,255,255,.80);
  --sq-modal-glass:rgba(255,255,255,.95);
  --sq-hover:rgba(17,21,16,.045);
  --sq-icon-filter:none;
  --sq-auth-card-bg:rgba(255,255,255,.88);
  --sq-auth-card-border:rgba(84,96,80,.15);
  --sq-auth-grid-line:rgba(17,21,16,.038);
  --sq-auth-visual-gradient:linear-gradient(145deg,rgba(var(--sq-accent-rgb),.12),rgba(255,255,255,.28) 42%,transparent 74%);
  --sq-auth-panel-gradient:radial-gradient(circle at 72% 12%,rgba(var(--sq-accent-rgb),.10),transparent 34%);
  --sq-auth-input-bg:#F4F6F1;
  --sq-auth-input-border:#D4DAD0;
  --sq-auth-shadow:0 24px 80px rgba(35,52,31,.10);
  --sq-auth-disabled-bg:color-mix(in srgb,var(--sq-accent) 64%,#E8ECE4);
}