:root {
  --bg: #f7f8fc;
  --surface: #ffffff;
  --surface-2: #fdfdff;
  --text: #1f2937;
  --muted: #667085;
  --border: #dbe3ef;
  --shadow: 0 12px 30px rgba(34, 55, 94, 0.08);

  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 24px;
  --radius-xl: 30px;

  --space-1: 6px;
  --space-2: 10px;
  --space-3: 14px;
  --space-4: 18px;
  --space-5: 24px;
  --space-6: 30px;

  --card-header-height: 64px;
  --transition: 180ms ease;

  --pastel-blue-bg: #e6f1ff;
  --pastel-blue-head: #bfdcff;

  --pastel-pink-bg: #ffe8f1;
  --pastel-pink-head: #ffc9dc;

  --pastel-yellow-bg: #fff9d8;
  --pastel-yellow-head: #ffefab;

  --pastel-green-bg: #e4f8e8;
  --pastel-green-head: #c9edcf;

  --pastel-purple-bg: #f0e8ff;
  --pastel-purple-head: #decfff;

  --pastel-orange-bg: #fff1e3;
  --pastel-orange-head: #ffd9b5;

  --task-normal: #fff6bf;
  --task-complete: #d9f5db;
  --task-overdue-1: #ffd9d9;
  --task-overdue-2: #ffbbbb;
  --task-overdue-3: #ff9f9f;

  --summary-chores: #e7f3ff;
  --summary-events: #f5eaff;
  --summary-meals: #fff0dc;

  --focus: 0 0 0 3px rgba(120, 166, 255, 0.25);
}