:root {
    --theme: "light";
    --bg-color: #ffffff;
    --text-color: #111111;
    --text-secondary-color: #6e6e6e;
    --link-color: #512db4;
    --main-color: #512db4;
    --main-deep-color: #1b0f48;
    --focus-main-color: #512db410;
    --footer-bg: color-mix(in srgb, var(--bg-color) 96%, #000000 4%);
    --footer-border: color-mix(in srgb, var(--text-color) 12%, transparent);
}

.dark {
    --theme: "dark";
    --bg-color: #181a1b;
    --text-color: #e0e0e0;
    --text-secondary-color: #aeaeae;
    --link-color: #ac99ea;
    --main-color: #ac99ea;
    --main-deep-color: #c6b7e5;
    --focus-main-color: #ac99ea10;
    --footer-bg: color-mix(in srgb, var(--bg-color) 90%, #ffffff 10%);
    --footer-border: rgba(255, 255, 255, 0.18);
}