:root {
  --bg: #faf8f4;
  --surface: #ffffff;
  --surface-2: #f1eee8;
  --border: #e0dbd2;
  --text: #1e1c19;
  --text-dim: #5c574f;
  --accent: #3f7d5c;
  --on-accent: #ffffff;
  --accent-soft: color-mix(in srgb, var(--accent) 16%, transparent);
  --done: #3f7d5c;
  --overrun: #6d5bd0;
  --danger: #b8352c;
  --teal: #286c64;
  --blue: #355f9a;
  --violet: #6d5bd0;
  --amber: #855d18;
  --green: #3f7d5c;
  --rose: #934266;
  --radius: 18px;
  --radius-lg: 28px;
  --gap: clamp(8px, 2vh, 16px);
  --space-xs: .5rem;
  --space-sm: .875rem;
  --space-md: 1.25rem;
  --space-lg: 2rem;
  --space-xl: 3.5rem;
  --safe-t: env(safe-area-inset-top, 0px);
  --safe-b: env(safe-area-inset-bottom, 0px);
  --safe-s: env(safe-area-inset-left, 0px);
  --safe-e: env(safe-area-inset-right, 0px);
  --font: system-ui, -apple-system, "Segoe UI", sans-serif;
  --line: 1.5;
  --track: .02em;
  color-scheme: light;
}
:root[data-theme="dark"] {
  --bg: #14130f;
  --surface: #1d1b17;
  --surface-2: #26231d;
  --border: #514b40;
  --text: #f2eee6;
  --text-dim: #b3ada2;
  --accent: #91cca9;
  --on-accent: #14130f;
  --done: #91cca9;
  --overrun: #b6a8ff;
  --teal: #83cebf;
  --blue: #9abbf0;
  --violet: #b6a8ff;
  --amber: #f0cc81;
  --green: #91cca9;
  --rose: #eba9c6;
  color-scheme: dark;
}
:root[data-palette="lively_a"] {
  --bg: #101024;
  --surface: #1b1b3a;
  --surface-2: #29294b;
  --border: #686890;
  --text: #ffffff;
  --text-dim: #c7c7df;
  --accent: #ffb020;
  --on-accent: #101024;
  --done: #2ee6a8;
  --overrun: #a78bfa;
  --teal: #2ee6a8;
  --blue: #4cc9f0;
  --violet: #c77dff;
  --amber: #ffb020;
  --green: #2ee6a8;
  --rose: #ff8fb1;
}