:root[data-theme="dark"] {
    color-scheme: dark;
    --color-primary: #67a369;
    --color-primary-hover: #528052;
    --color-primary-subtle: #ffffff;
    --color-secondary: #b1eaa9;
    --color-secondary-hover: #a8dda1;
    --color-secondary-subtle: #1d1b1b;
    --color-success: #65ac3e;
    --color-success-subtle: #ffffff;
    --color-warning: #d7a314;
    --color-warning-subtle: #ffffff;
    --color-error: #ff0000;
    --color-error-subtle: #ffffff;
    --color-txt: #f2eeee;
    --color-txt-surface: #c8c4c4;
    --color-txt-subtle: #949494;
    --color-bg: #272525;
    --color-bg-surface: #464444;
    --color-bg-subtle: #949494;
}



:root[data-theme="light"] {
    color-scheme: light;
    --color-bg: #f1f1f1;
    --color-bg-surface: #e9e8e8;
    --color-bg-subtle: #c3c1c1;
    --color-txt: #373434;
    --color-txt-surface: #686f67;
    --color-txt-subtle: #b8b3b3;
    --color-primary: #67a369;
    --color-primary-hover: #528052;
    --color-primary-subtle: #ffffff;
    --color-secondary: #b1eaa9;
    --color-secondary-hover: #a8dda1;
    --color-secondary-subtle: #1d1b1b;
    --color-success: #57ae29;
    --color-success-subtle: #ffffff;
    --color-warning: #d7a314;
    --color-warning-subtle: #ffffff;
    --color-error: #ff0000;
    --color-error-subtle: #ffffff;
}