:root {
  color-scheme: light;
  --page: #f2f8fc;
  --text: #243746;
  --accent: #174b69;
  --on-accent: #fffefa;
  --accent-hover: #123448;
  --muted: #586e7d;
  --line: #cfdee8;
  --paper: #ffffff;
  --surface: #e3f3fc;
  --surface-hover: #d5ecfa;
  --surface-subtle: #f6fbfe;
  --control-line: #7393a8;
  --success-bg: #e0efdf;
  --success: #286239;
  --on-success: #ffffff;
  --success-hover: #1c4c2a;
  --error-bg: #fff1e8;
  --error-text: #803b26;
  --error-line: #d3a48c;
  --warning-bg: #fbf7e8;
  --warning-line: #c8bc8f;
  --do-bg: #f8ede7;
  --do-text: #7b4734;
  --schedule-bg: #e8f0e9;
  --schedule-text: #2d6254;
  --delegate-bg: #f4efdf;
  --delegate-text: #725918;
  --defer-bg: #edecf3;
  --defer-text: #5a5d7c;
  --focus-ring: #2679a5;
  --sky: #87ceeb;
  --on-sky: #123448;
  --sky-hover: #6dc2e5;
  --sky-surface: #e3f3fc;
  --sky-text: #174b69;
  --sky-line: #4484a6;
}

/* System mode works before the app loads and on server-rendered account pages. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --page: #101b24; --text: #e4eef5; --accent: #b7e5fa; --on-accent: #123448;
    --accent-hover: #87ceeb; --muted: #afc3d2; --line: #385263; --paper: #182a37;
    --surface: #173444; --surface-hover: #234659; --surface-subtle: #142531;
    --control-line: #6c8b9f; --success-bg: #253e2e;
  --success: #a5dcae; --on-success: #10241d; --success-hover: #c1e9c7;
    --error-bg: #38241f; --error-text: #ffc5ac; --error-line: #b9765b;
    --warning-bg: #332e1c; --warning-line: #aa9560;
    --do-bg: #3c2922; --do-text: #f3baa0; --schedule-bg: #21392e; --schedule-text: #a5dcc5;
    --delegate-bg: #3b321f; --delegate-text: #eed38c; --defer-bg: #302d42; --defer-text: #d0c5ef;
    --focus-ring: #87ceeb;
    --sky-surface: #173444; --sky-text: #b7e5fa; --sky-line: #548fac;
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --page: #101b24; --text: #e4eef5; --accent: #b7e5fa; --on-accent: #123448;
  --accent-hover: #87ceeb; --muted: #afc3d2; --line: #385263; --paper: #182a37;
  --surface: #173444; --surface-hover: #234659; --surface-subtle: #142531;
  --control-line: #6c8b9f; --success-bg: #253e2e;
  --success: #a5dcae; --on-success: #10241d; --success-hover: #c1e9c7;
  --error-bg: #38241f; --error-text: #ffc5ac; --error-line: #b9765b;
  --warning-bg: #332e1c; --warning-line: #aa9560;
  --do-bg: #3c2922; --do-text: #f3baa0; --schedule-bg: #21392e; --schedule-text: #a5dcc5;
  --delegate-bg: #3b321f; --delegate-text: #eed38c; --defer-bg: #302d42; --defer-text: #d0c5ef;
  --focus-ring: #87ceeb;
  --sky-surface: #173444; --sky-text: #b7e5fa; --sky-line: #548fac;
}