:root {
    color-scheme: light;
    --bg: #f5f7f4;
    --surface: #ffffff;
    --surface-hover: #edf3ed;
    --subtle: #eef2ee;
    --text: #17251b;
    --muted: #586a5e;
    --line: #d5dfd6;
    --control: #a5b7a9;
    --primary: #28653b;
    --primary-hover: #194a2a;
    --on-primary: #ffffff;
    --lime: #28653b;
    --cyan: #28653b;
    --action: #b3efbd;
    --action-hover: #ccf7d2;
    --on-action: #16281b;
    --amber: #8a5b13;
    --red: #b03846;
    --green-soft: #e8f5e9;
    --cyan-soft: #e8f5e9;
    --amber-soft: #fff4dd;
    --red-soft: #fbecee;
    --sidebar: #101212;
    --sidebar-text: #f3f5f2;
    --sidebar-muted: #a8b1ab;
    --sidebar-hover: #242a27;
    --sidebar-active: #b3efbd;
    --on-sidebar-active: #16281b;
    --sidebar-line: #343c36;
    --radius: 8px;
    --focus: #28653b;
    --chart-1: #28653b;
    --chart-2: #467b5a;
    --chart-3: #9c670b;
    --chart-4: #bd4663;
    --chart-5: #7060a6;
    --shadow: 0 8px 24px #17251b0d;
    --font: "Segoe UI", -apple-system, BlinkMacSystemFont, Arial, sans-serif;
    --motion: 160ms ease;
}

[data-theme="dark"] {
    color-scheme: dark;
    --bg: #101212;
    --surface: #191c1b;
    --surface-hover: #242a27;
    --subtle: #202622;
    --text: #f3f5f2;
    --muted: #a8b1ab;
    --line: #343c36;
    --control: #4d5a50;
    --primary: #b3efbd;
    --primary-hover: #ccf7d2;
    --on-primary: #16281b;
    --lime: #b3efbd;
    --cyan: #b3efbd;
    --action: #b3efbd;
    --action-hover: #ccf7d2;
    --on-action: #16281b;
    --amber: #edcb8a;
    --red: #f3a4af;
    --green-soft: #213b29;
    --cyan-soft: #213b29;
    --amber-soft: #393322;
    --red-soft: #3f292f;
    --focus: #b3efbd;
    --chart-1: #b3efbd;
    --chart-2: #8fca9c;
    --chart-3: #edcb8a;
    --chart-4: #f3a4af;
    --chart-5: #c2b6ec;
    --shadow: none;
}