:root {
    --color-primary: #356a22;
    --color-on-primary: #ffffff;
    --color-primary-container: #b5f399;
    --color-on-primary-container: #052100;
    --color-secondary: #55624c;
    --color-on-secondary: #ffffff;
    --color-secondary-container: #d8e7cb;
    --color-on-secondary-container: #131f0d;
    --color-tertiary: #386667;
    --color-on-tertiary: #ffffff;
    --color-tertiary-container: #bbebed;
    --color-on-tertiary-container: #002021;
    --color-error: #ba1a1a;
    --color-error-container: #ffdad6;
    --color-on-error: #ffffff;
    --color-on-error-container: #410002;
    --color-background: #fdfdf6;
    --color-on-background: #1a1c18;
    --color-surface: #fdfdf6;
    --color-on-surface: #1a1c18;
    --color-surface-variant: #dfe4d7;
    --color-on-surface-variant: #43483f;
    --color-outline: #73796e;
    --color-inverse-on-surface: #f1f1ea;
    --color-inverse-surface: #2f312d;
    --color-inverse-primary: #9ad680;
    --color-shadow: #000000;
    --color-surface-tint: #356a22;
    --color-outline-variant: #c3c8bb;
    --color-scrim: #000000;
}

@media (prefers-color-scheme: dark) {
:root {
    --color-primary: #9ad680;
    --color-on-primary: #0c3900;
    --color-primary-container: #1d5209;
    --color-on-primary-container: #b5f399;
    --color-secondary: #bccbb0;
    --color-on-secondary: #273421;
    --color-secondary-container: #3d4b36;
    --color-on-secondary-container: #d8e7cb;
    --color-tertiary: #a0cfd0;
    --color-on-tertiary: #003738;
    --color-tertiary-container: #1e4e4f;
    --color-on-tertiary-container: #bbebed;
    --color-error: #ffb4ab;
    --color-error-container: #93000a;
    --color-on-error: #690005;
    --color-on-error-container: #ffdad6;
    --color-background: #1a1c18;
    --color-on-background: #e3e3dc;
    --color-surface: #1a1c18;
    --color-on-surface: #e3e3dc;
    --color-surface-variant: #43483f;
    --color-on-surface-variant: #c3c8bb;
    --color-outline: #8d9387;
    --color-inverse-on-surface: #1a1c18;
    --color-inverse-surface: #e3e3dc;
    --color-inverse-primary: #356a22;
    --color-shadow: #000000;
    --color-surface-tint: #9ad680;
    --color-outline-variant: #43483f;
    --color-scrim: #000000;
}}