:root{
  --color-bg:#07090d;
  --color-surface:#16181f;
  --color-surface-raised:#1c1f28;
  --color-border:#2a2d38;
  --color-text:#f2f2f4;
  --color-text-muted:#9a9da8;
  --color-accent:#00e0c6;
  --color-success:#39d353;
  --color-warning:#ffb020;
  --color-danger:#ff5b3d;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:24px;
  --space-6:32px;
  --space-7:48px;
  --radius-sm:10px;
  --radius-md:14px;
  --radius-lg:20px;
  --radius-xl:28px;
  --radius-pill:999px;
  --control-height:44px;
  --control-height-large:48px;
  --icon-control-size:40px;
  --touch-target:44px;
  --icon-size:19px;
  --modal-small:480px;
  --modal-medium:720px;
  --modal-large:960px;
  --sidebar-width:230px;
  --transition-fast:160ms ease;
  --shadow-modal:0 28px 90px rgba(0,0,0,.48);
  --bg:var(--color-bg);
  --panel:var(--color-surface);
  --panel-2:var(--color-surface-raised);
  --line:var(--color-border);
  --text:var(--color-text);
  --muted:var(--color-text-muted);
  --accent:var(--color-accent);
  --accent-soft:rgba(0,224,198,.10);
  --done:var(--color-success);
  --late:var(--color-danger);
  --bg-rgb:7,9,13;
  --panel-2-rgb:28,31,40;
  --project-accent-rgb:0,224,198;
  --bg-gradient:radial-gradient(circle at 85% -10%,rgba(var(--project-accent-rgb),.10),transparent 28%);
  --font-display:'Fraunces',Georgia,serif;
  --font-body:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
  --font-mono:'IBM Plex Mono','SF Mono',monospace;
  --ds-control-h:var(--control-height);
  --ds-icon-control:var(--icon-control-size);
  --control-radius:var(--radius-md);
  color-scheme:dark;
}

:root[data-theme="light"]{
  --color-bg:#edf0f4;
  --color-surface:#fff;
  --color-surface-raised:#f3f5f8;
  --color-border:#b8c0cc;
  --color-text:#151922;
  --color-text-muted:#4f5868;
  --color-accent:#006f66;
  --color-danger:#e2432a;
  --accent-soft:rgba(0,111,102,.11);
  --bg-rgb:237,240,244;
  --panel-2-rgb:243,245,248;
  --project-accent-rgb:0,111,102;
  --bg-gradient:none;
  --shadow-modal:0 24px 70px rgba(20,22,28,.20);
  color-scheme:light;
}

@media (prefers-color-scheme:light){
  :root:not([data-theme]){
    --color-bg:#edf0f4;--color-surface:#fff;--color-surface-raised:#f3f5f8;--color-border:#b8c0cc;
    --color-text:#151922;--color-text-muted:#4f5868;--color-accent:#006f66;--color-danger:#e2432a;
    --accent-soft:rgba(0,111,102,.11);--bg-rgb:237,240,244;--panel-2-rgb:243,245,248;
    --project-accent-rgb:0,111,102;--bg-gradient:none;--shadow-modal:0 24px 70px rgba(20,22,28,.20);color-scheme:light
  }
}