:root {
  --surface: #fff;
  --sidebar: #fcfaf8;
  --subtle: #f7f6f3;
  --row-focus: #5b8def;
  --selected: #fbe9e7;
  --mark-date: #f6cfc9;
  --mark-project: #c9dcea;
  --mark-section: #dccfee;
  --mark-label: #f6dcc4;
  --ink: #292826;
  --secondary: #65615c;
  --focus: var(--secondary);
  --muted: #78736d;
  --line: #ece9e5;
  --border: #d7d2cc;
  --accent: #c74735;
  --accent-hover: #ac3929;
  --danger: #b63e30;
  --success: #3f7254;
  /* Project colours: clearer than the first dusty set, short of vivid (user: "눈에 안 띄어서" then "너무 비비드"). */
  --olive: #6a8f30;
  --blue: #3579b8;
  --coral: #d9573f;
  --amber: #d6961c;
  --purple: #8a5fc0;
  --gray: #6f7673;
  /* Plan cell tints: about 95% lightness, a step darker than the palest set (user: "조금 더 진하게"). */
  --plan-blue: #edf3f7;
  --plan-coral: #fbedea;
  --plan-green: #eff5ea;
  --plan-yellow: #fdf7e6;
  --plan-purple: #f3eff7;
  --plan-gray: #f2f1ef;
  --overlay: rgb(35 30 25 / 28%);
  --shadow: 0 4px 8px rgb(0 0 0 / 20%);
  --font: -apple-system, system-ui, "Segoe UI", "Noto Sans", system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --text-xs: 12px;
  --text-sm: 13px;
  --text-ui: 14px;
  --text-base: 14px;
  --text-lg: 16px;
  --heading: 26px;
  --heading-line: 35px;
  --heading-tracking: .22px;
  --task-line: 21px;
  --task-tracking: .091px;
  --nav-line: 16px;
  --nav-tracking: -.15px;
  --nav-height: 34px;
  --task-control: 24px;
  --task-circle: 16px; /* user: 체크 동그라미 조금 더 작게 */
  --modal-width: 580px;
  --nav-inset: 5px;
  --icon-sm: 16px;
  --icon-md: 20px;
  --icon-lg: 24px;
  --task-meta-line: 16px;
  --task-meta-gap: 3px;
  --task-control-gap: 6px;
  --task-control-shift: 3px;
  --composer-gap: 7px;
  --input-line: 23px;
  --section-line: 20px;
  --section-height: 33px;
  --section-pad-top: 6px;
  --section-pad-bottom: 5px;
  --dialog-inset: 16px;
  --chip-height: 28px;
  --radius-chip: 8px;
  --radius-picker: 10px;
  --picker-width: 282px;
  --date-picker-width: 276px;
  --project-picker-width: 302px;
  --picker-shadow: 0 10px 20px rgb(0 0 0 / 10%), 0 6px 6px rgb(0 0 0 / 8%);
  --picker-edge: 12px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-sm: 4px;
  --radius: 5px;
  --radius-lg: 5px;
  --radius-dialog: 12px;
  --rail: 280px;
  --page-width: 800px;
  --wide-width: 1120px;
  --page-inset: 56px;
  --page-top: 7px;
  --topbar-height: 56px;
  --row-inset: 8px;
  --section-gap: 12px;
  --settings-label: 160px;
  --control: 32px;
  --fast: 120ms;
}

:root { color-scheme: light; --on-accent: #fff; --dot-missed: #e7b34a; --due-today: #1d7f3c; --due-tomorrow: #6b3fb5; --priority-1: #d1453b; --priority-2: #c77300; --priority-3: #246fe0; }
:root[data-theme="dark"] {
  --row-focus: #6f9cff; --due-today: #5ed48a; --due-tomorrow: #b895ff; color-scheme: dark;
  --priority-1: #f07a6e; --priority-2: #f0a54a; --priority-3: #6ea8f7;
  --surface: #1b1a19;
  --sidebar: #22201f;
  --subtle: #2a2826;
  --selected: #3b2a26;
  --mark-date: #6f2625;
  --mark-project: #2c4a64;
  --mark-section: #4a3b66;
  --mark-label: #5e3f2b;
  --ink: #ebe8e3;
  --secondary: #b5afa7;
  --focus: #d5cfc7;
  --muted: #8e8880;
  --line: #33302d;
  --border: #4d4842;
  --accent: #e2705d;
  --accent-hover: #ee8672;
  --danger: #e46f5f;
  --success: #86b995;
  --olive: #a6c65a;
  --blue: #68acdc;
  --coral: #f0876f;
  --amber: #efbf52;
  --purple: #b89ce0;
  --gray: #a3a8a6;
  --plan-blue: #26384a;
  --plan-coral: #46302c;
  --plan-green: #2f3d2a;
  --plan-yellow: #46402a;
  --plan-purple: #3a3148;
  --plan-gray: #35342f;
  --overlay: rgb(0 0 0 / 55%);
  --shadow: 0 4px 12px rgb(0 0 0 / 50%);
  --picker-shadow: 0 10px 24px rgb(0 0 0 / 45%), 0 6px 6px rgb(0 0 0 / 30%);
  --on-accent: #fff;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) { color-scheme: dark;
  --priority-1: #f07a6e; --priority-2: #f0a54a; --priority-3: #6ea8f7;
  --surface: #1b1a19;
  --sidebar: #22201f;
  --subtle: #2a2826;
  --selected: #3b2a26;
  --mark-date: #6f2625;
  --mark-project: #2c4a64;
  --mark-section: #4a3b66;
  --mark-label: #5e3f2b;
  --ink: #ebe8e3;
  --secondary: #b5afa7;
  --focus: #d5cfc7;
  --muted: #8e8880;
  --line: #33302d;
  --border: #4d4842;
  --accent: #e2705d;
  --accent-hover: #ee8672;
  --danger: #e46f5f;
  --success: #86b995;
  --olive: #a6c65a;
  --blue: #68acdc;
  --coral: #f0876f;
  --amber: #efbf52;
  --purple: #b89ce0;
  --gray: #a3a8a6;
  --plan-blue: #26384a;
  --plan-coral: #46302c;
  --plan-green: #2f3d2a;
  --plan-yellow: #46402a;
  --plan-purple: #3a3148;
  --plan-gray: #35342f;
  --overlay: rgb(0 0 0 / 55%);
  --shadow: 0 4px 12px rgb(0 0 0 / 50%);
  --picker-shadow: 0 10px 24px rgb(0 0 0 / 45%), 0 6px 6px rgb(0 0 0 / 30%);
  --on-accent: #fff;
  }
}