:root {
    --color-bg: #fdfdfd;
    --color-text: #363636;
    --color-menu: #f8f8f8;
    --color-link-active: #a81f1f;
    --color-link-inactive: #606060;
    --color-menu-button: default;
    --color-menu-text: #4a4a4a;
    --color-menu-button-hover: #6b8cb0;
    --color-menu-text-hover: #f2f2f2;
    --color-border: #bcbcbc;
    --color-footer-border: #cccccc;
}

[data-theme="dark"] {
    --color-bg: #171717;
    --color-text: #bdbdbd;
    --color-menu: #222222;
    --color-link-active: #c6681d;
    --color-link-inactive: #aaaaaa;
    --color-menu-button: #222222;
    --color-menu-text: #bfbfbf;
    --color-menu-button-hover: #396da1;
    --color-menu-text-hover: #d0d0d0;
    --color-border: #5e5e5e;
    --color-footer-border: #5a5a5a;
}