:root {
  /* ── Spacing scale (override these to retheme layout density) */
  --s0:2px;
  --s1:4px;
  --s2:8px;
  --s3:12px;
  --s4:16px;
  --s5:24px;
  --s6:32px;
  --s7:48px;
  --s8:64px;
  --touch:44px;
  --touch-sm:32px;

  --r1:4px;
  --r2:8px;
  --shadow-sm:0 1px 3px rgba(0,0,0,.10);
  --shadow-md:0 4px 12px rgba(0,0,0,.12);
  --font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono:ui-monospace, "Cascadia Code", "Fira Code", monospace;
  --text-sm:0.875rem;
  --text-md:1rem;
  --text-lg:1.125rem;
  --text-xl:1.25rem;
  --lh:1.5;
  --pad-todo-y:2px;
  --pad-todo-x:8px;
  --pad-project-y:8px;
  --pad-project-x:8px;
  --pad-card-y:12px;
  --pad-card-x:16px;
  --c-primary:#2c5282;
  --c-primary-dk:#1a365d;
  --c-primary-lt:#ebf4ff;
  --c-text:#2d3748;
  --c-text-muted:#718096;
  --c-link:#2b6cb0;
  --c-bg:#ffffff;
  --c-surface:#f7fafc;
  --c-surface2:#edf2f7;
  --c-border:#cbd5e0;
  --c-open-text:#2d3748;
  --c-done-text:#a0aec0;
  --c-wait-text:#a0aec0;
  --c-prio-high:#c05621;
  --c-prio-highest:#c53030;
  --c-active-bg:#276749;
  --c-active-dk:#1e5035;
  --c-danger:#e53e3e;
  --c-danger-dk:#c53030;
  --c-gap:#e53e3e;
  --c-success-bg:#c6f6d5;
  --c-success-fg:#22543d;
  --c-info-bg:#bee3f8;
  --c-info-fg:#2a4365;
  --c-note-bg:#fffde7;
  --c-note-border:#f9a825;
  --pdfpreview-width:400px;
  --pdfpreview-scale:2.5;
}

@media (prefers-color-scheme: dark) {
  :root {
    --c-primary:#10A4DA;
    --c-primary-dk:#0d8fc0;
    --c-primary-lt:#082a3d;
    --c-text:#e6edf3;
    --c-text-muted:#7d8590;
    --c-link:#10A4DA;
    --c-bg:#0d1117;
    --c-surface:#161b22;
    --c-surface2:#21262d;
    --c-border:#30363d;
    --c-open-text:#e6edf3;
    --c-done-text:#7d8590;
    --c-wait-text:#7d8590;
    --c-active-bg:#40B075;
    --c-active-dk:#2d8a57;
    --c-danger:#f87171;
    --c-danger-dk:#fca5a5;
    --c-success-bg:#0d2b1a;
    --c-success-fg:#40B075;
    --c-info-bg:#082a3d;
    --c-info-fg:#10A4DA;
    --c-note-bg:#2a1f0a;
    --c-note-border:#d69e2e;
  }
  html[data-theme=auto] {
    --c-primary:#10A4DA;
    --c-primary-dk:#0d8fc0;
    --c-primary-lt:#082a3d;
    --c-text:#e6edf3;
    --c-text-muted:#7d8590;
    --c-link:#10A4DA;
    --c-bg:#0d1117;
    --c-surface:#161b22;
    --c-surface2:#21262d;
    --c-border:#30363d;
    --c-open-text:#e6edf3;
    --c-done-text:#7d8590;
    --c-wait-text:#7d8590;
    --c-active-bg:#40B075;
    --c-active-dk:#2d8a57;
    --c-danger:#f87171;
    --c-danger-dk:#fca5a5;
    --c-success-bg:#0d2b1a;
    --c-success-fg:#40B075;
    --c-info-bg:#082a3d;
    --c-info-fg:#10A4DA;
    --c-note-bg:#2a1f0a;
    --c-note-border:#d69e2e;
  }
}
html[data-theme=dark] {
  --c-primary:#10A4DA;
  --c-primary-dk:#0d8fc0;
  --c-primary-lt:#082a3d;
  --c-text:#e6edf3;
  --c-text-muted:#7d8590;
  --c-link:#10A4DA;
  --c-bg:#0d1117;
  --c-surface:#161b22;
  --c-surface2:#21262d;
  --c-border:#30363d;
  --c-open-text:#e6edf3;
  --c-done-text:#7d8590;
  --c-wait-text:#7d8590;
  --c-active-bg:#40B075;
  --c-active-dk:#2d8a57;
  --c-danger:#f87171;
  --c-danger-dk:#fca5a5;
  --c-success-bg:#0d2b1a;
  --c-success-fg:#40B075;
  --c-info-bg:#082a3d;
  --c-info-fg:#10A4DA;
  --c-note-bg:#2a1f0a;
  --c-note-border:#d69e2e;
}

@media (prefers-color-scheme: dark) {
  html[data-theme=light] {
    --c-primary:#2c5282;
    --c-primary-dk:#1a365d;
    --c-primary-lt:#ebf4ff;
    --c-text:#2d3748;
    --c-text-muted:#718096;
    --c-link:#2b6cb0;
    --c-bg:#ffffff;
    --c-surface:#f7fafc;
    --c-surface2:#edf2f7;
    --c-border:#cbd5e0;
    --c-open-text:#2d3748;
    --c-done-text:#a0aec0;
    --c-wait-text:#a0aec0;
    --c-active-bg:#276749;
    --c-active-dk:#1e5035;
    --c-danger:#e53e3e;
    --c-danger-dk:#c53030;
    --c-success-bg:#c6f6d5;
    --c-success-fg:#22543d;
    --c-info-bg:#bee3f8;
    --c-info-fg:#2a4365;
    --c-note-bg:#fffde7;
    --c-note-border:#f9a825;
  }
}