:root {
  --ink: hsl(207 46% 13%);
  --ink-soft: hsl(207 22% 33%);
  --ink-faint: hsl(207 15% 49%);
  --ink-muted: hsl(207 13% 66%);

  --canvas: hsl(200 33% 97%);
  --surface: hsl(0 0% 100%);
  --surface-sunken: hsl(202 28% 97.5%);

  --border-subtle: hsl(207 40% 20% / 0.07);
  --border: hsl(207 40% 20% / 0.12);
  --border-strong: hsl(207 40% 20% / 0.2);

  --accent: hsl(204 82% 34%);
  --accent-hover: hsl(204 84% 28%);
  --accent-soft: hsl(204 70% 94%);

  --status-pending: hsl(4 68% 50%);
  --status-pending-soft: hsl(4 74% 95%);
  --status-done: hsl(150 52% 38%);

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

  --radius-sm: 6px;
  --radius: 10px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  --shadow-sm: 0 1px 2px hsl(207 40% 20% / 0.06);
  --shadow: 0 2px 8px hsl(207 40% 20% / 0.08), 0 1px 2px hsl(207 40% 20% / 0.06);
  --shadow-lg: 0 12px 32px hsl(207 40% 20% / 0.14), 0 2px 8px hsl(207 40% 20% / 0.08);

  --font-sans: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;

  --text-xs: 12px;
  --text-sm: 13px;
  --text-base: 14px;
  --text-md: 16px;
  --text-lg: 20px;

  --sidebar-w: 248px;
  --dur-fast: 120ms;
  --ease: cubic-bezier(0.2, 0.6, 0.2, 1);
}