:root {
  --sq-bg: #030503;
  --sq-shell: #090909;
  --sq-surface: #121214;
  --sq-card: #111111;
  --sq-elevated: #1e1e20;
  --sq-control: #191919;
  --sq-border: #292929;
  --sq-border-strong: #444448;
  --sq-text: #ffffff;
  --sq-muted: #8a8a8f;
  --sq-subtle: #66666b;
  --sq-accent: #7be84e;
  --sq-accent-rgb: 123,232,78;
  --sq-on-accent: #071007;
  --sq-danger: #ff033e;
  --sq-warning: #f2b545;
  --sq-info: #61b8fa;
  --sq-purple: #ad82f5;
  --sq-radius-shell: 20px;
  --sq-radius-card: 16px;
  --sq-radius-control: 14px;
  --sq-radius-small: 10px;
  --sq-sidebar: 286px;
  --sq-topbar: 72px;
  --sq-shadow: 0 24px 64px rgba(0,0,0,.34);
  --sq-font: "Space Grotesk", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html[data-theme="light"] {
  --sq-bg: #f3f5f1;
  --sq-shell: #ffffff;
  --sq-surface: #ffffff;
  --sq-card: #f0f2ee;
  --sq-elevated: #ffffff;
  --sq-control: #f0f2ee;
  --sq-border: #dde2da;
  --sq-border-strong: #b9c2b6;
  --sq-text: #111510;
  --sq-muted: #687167;
  --sq-subtle: #7f897d;
  --sq-shadow: 0 24px 64px rgba(24,40,24,.10);
}