:root {
  --color-primary: #4a3aa7;
  --color-primary-ink: #ffffff;
  --color-accent: #2a78d6;

  --color-complete: #0ca30c;
  --color-in-progress: #b8790a;
  --color-not-started: #6b6a65;
  --color-critical: #b3231f;

  --color-page: #f9f9f7;
  --color-surface: #fcfcfb;
  --color-surface-raised: #ffffff;
  --color-border: rgba(11, 11, 11, 0.10);

  --color-ink: #0b0b0b;
  --color-ink-secondary: #52514e;
  --color-ink-muted: #898781;

  --shadow-card: 0 1px 2px rgba(11,11,11,0.04), 0 4px 16px rgba(11,11,11,0.06);
  --radius-card: 12px;
  --radius-control: 8px;

  --font-heading: 'Sora', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-body: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;

  --max-width: 1100px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-primary: #9085e9;
    --color-primary-ink: #0d0d0d;
    --color-accent: #6ea8ec;

    --color-complete: #3fbf3f;
    --color-in-progress: #e0a53c;
    --color-not-started: #928f86;
    --color-critical: #e66767;

    --color-page: #0d0d0d;
    --color-surface: #1a1a19;
    --color-surface-raised: #212120;
    --color-border: rgba(255, 255, 255, 0.10);

    --color-ink: #ffffff;
    --color-ink-secondary: #c3c2b7;
    --color-ink-muted: #928f86;

    --shadow-card: 0 1px 2px rgba(0,0,0,0.3), 0 4px 20px rgba(0,0,0,0.35);
  }
}

:root[data-theme="dark"] {
  --color-primary: #9085e9;
  --color-primary-ink: #0d0d0d;
  --color-accent: #6ea8ec;

  --color-complete: #3fbf3f;
  --color-in-progress: #e0a53c;
  --color-not-started: #928f86;
  --color-critical: #e66767;

  --color-page: #0d0d0d;
  --color-surface: #1a1a19;
  --color-surface-raised: #212120;
  --color-border: rgba(255, 255, 255, 0.10);

  --color-ink: #ffffff;
  --color-ink-secondary: #c3c2b7;
  --color-ink-muted: #928f86;

  --shadow-card: 0 1px 2px rgba(0,0,0,0.3), 0 4px 20px rgba(0,0,0,0.35);
}