:root {
    color-scheme: light;
    --primary: #0f2a20;
    --primary-hover: #173f30;
    --background: #f2f4ef;
    --surface: #ffffff;
    --text: #132019;
    --muted: #59635e;
    --border: #dce4dc;
    --light: #e8f0e7;
    --accent: #287a35;
    --focus: #387a40;
    --danger: #b42318;
    --error-background: #fff1ee;
    --error-border: #ebc4bd;
    --on-primary: #ffffff;
    --hero: #0f2a20;
    --hero-muted: #c7d7cf;
    --shadow: 0 6px 24px #0f2a2010;
    font-family: Arial, system-ui, sans-serif;
}
:root[data-theme="dark"] {
    color-scheme: dark;
    --primary: #b6dea6;
    --primary-hover: #c9edbc;
    --background: #101914;
    --surface: #19271f;
    --text: #edf3ee;
    --muted: #b2c2b7;
    --border: #354a3d;
    --light: #23392c;
    --accent: #a9d893;
    --focus: #b6dea6;
    --danger: #ffb4a7;
    --error-background: #412922;
    --error-border: #795045;
    --on-primary: #132019;
    --hero: #213d2d;
    --hero-muted: #c7d7cf;
    --shadow: none;
}