.dark {
    --menu-background-top: rgba(var(--magenta-9), 1.0);
    --menu-background: rgba(var(--magenta-9), 1.0);
    --menu-link: rgba(var(--lime-2), 1.0);
    --menu-link-border: var(--menu-background);
    --menu-link-hover: rgba(var(--lime-6), 1.0);
    --menu-link-hover-border: rgba(var(--lime-1), 1.0);
    --menu-link-background: var(--menu-background);
    --menu-link-hover-background: var(--menu-background);
    --menu-link-nt: rgba(var(--green-4), 1.0);
    --menu-link-nt-hover: rgba(var(--green-4), 1.0);
    --menu-link-nt-border: rgba(var(--green-4), 1.0);
    --menu-link-nt-border-hover: rgba(var(--green-4), 1.0);
    --menu-link-nt-background: var(--menu-background);
    --menu-link-nt-hover-background: rgba(var(--green-2), 0.2);
    --background: var(--menu-background);
    --link: rgba(var(--lime-3), 1.0);
    --link-hover: rgba(var(--lime-6), 1.0);
    --link-border: none;
    --event-error: rgba(var(--red-4), 1.0);
    --event-error-border: rgba(var(--red-6), 1.0);
    --event-good: rgba(var(--green-5), 1.0);
    --event-good-border: rgba(var(--green-6), 1.0);
    --text-h1: rgba(var(--magenta-1), 1.0);
    --text-h2: rgba(var(--magenta-2), 1.0);
    --text-h3: var(--text-h2);
    --text-h4: var(--text-h2);
    --text-p: rgba(var(--magenta-3), 1.0);
    --section-border: rgba(var(--magenta-1), 1.0);

    --high-light: rgba(var(--green-2), 1.0);
    --low-light: rgba(var(--green-8), 1.0);

    --input-border: grey;
    --input-focus-border: rgba(var(--magenta-1), 1.0);
    --input-text: var(--text-p);
    --select: rgba(var(--magenta-2), 0.4);

    --logo-fill: var(--menu-background);
    --logo-stroke: var(--menu-link-hover);
    --settings-cog: rgba(var(--green-5), 1.0);
    --settings-sun0: rgba(var(--green-3), 1.0);
    --settings-sun1: var(--menu-link-hover);
    --settings-moon0: var(--low-light);
    --settings-moon1: var(--menu-link-hover);

    --drop-menu-background: var(--menu-background-top);
    --drop-menu-fill: var(--menu-link-nt);
    --drop-menu-border: var(--menu-link-nt-border);
}
.light {
    --menu-background: rgba(var(--magenta-0), 1.0);
    --menu-background-top: rgba(var(--magenta-2), 1.0);
    --menu-link: rgba(var(--lime-7), 1.0);
    --menu-link-border: var(--menu-background);
    --menu-link-hover: rgba(var(--lime-6), 1.0);
    --menu-link-hover-border: rgba(var(--lime-1), 1.0);
    --menu-link-background: inherit;
    --menu-link-hover-background: var(--menu-background);
    --menu-link-nt: rgba(var(--green-7), 1.0);
    --menu-link-nt-hover: rgba(var(--green-7), 1.0);
    --menu-link-nt-border: rgba(var(--green-1), 1.0);
    --menu-link-nt-border-hover: rgba(var(--green-4), 1.0);
    --menu-link-nt-background: var(--menu-background-top);
    --menu-link-nt-hover-background: rgba(var(--green-2), 0.2);
    --menu-link-border-top: var(--menu-background-top);
    --menu-link-hover-background-top: rgba(var(--magenta-1), 0.2);
    --background: var(--menu-background);
    --link: rgba(var(--lime-6), 1.0);
    --link-hover: rgba(var(--lime-6), 1.0);
    --link-border: none;
    --event-error: rgba(var(--red-4), 1.0);
    --event-error-border: rgba(var(--red-6), 1.0);
    --event-good: rgba(var(--green-5), 1.0);
    --event-good-border: rgba(var(--green-6), 1.0);
    --text-h1: rgba(var(--magenta-8), 1.0);
    --text-h2: rgba(var(--magenta-6), 1.0);
    --text-h3: var(--text-h2);
    --text-h4: var(--text-h2);
    --text-p: rgba(var(--magenta-3), 1.0);
    --section-border: rgba(var(--magenta-1), 1.0);
    
    --high-light: rgba(var(--green-8), 1.0);
    --low-light: rgba(var(--green-3), 1.0);

    --input-border: grey;
    --input-focus-border: rgba(var(--magenta-1), 1.0);
    --input-text: var(--text-p);
    --select: rgba(var(--magenta-2), 0.4);

    --logo-fill: var(--menu-background);
    --logo-stroke: var(--menu-link-hover);
    --settings-cog: rgba(var(--green-3), 1.0);
    --settings-sun0: rgba(var(--green-3), 1.0);
    --settings-sun1: var(--menu-link-hover);
    --settings-moon0: var(--high-light);
    --settings-moon1: var(--menu-link-hover);

    --drop-menu-background: var(--menu-background-top);
    --drop-menu-fill: var(--link);
    --drop-menu-border: var(--menu-link-nt-border);
}
:root {
    --magenta-0: 255, 245, 250;
    --magenta-1: 255, 218, 239;
    --magenta-2: 254, 169, 217;
    --magenta-3: 248, 85, 177;
    --magenta-4: 252, 36, 158;
    --magenta-5: 167, 0, 94;
    --magenta-6: 131, 0, 74;
    --magenta-7: 96, 0, 54;
    --magenta-8: 54, 0, 31;
    --magenta-9: 4, 0, 2;
    --red-0: 255, 243, 243;
    --red-1: 253, 216, 216;
    --red-2: 249, 175, 175;
    --red-3: 251, 89, 89;
    --red-4: 255, 25, 25;
    --red-5: 208, 0, 0;
    --red-6: 164, 0, 0;
    --red-7: 119, 0, 0;
    --red-8: 68, 0, 0;
    --red-9: 16, 0, 0;
    --green-0: 243, 255, 243;
    --green-1: 209, 252, 209;
    --green-2: 166, 249, 166;
    --green-3: 85, 248, 85;
    --green-4: 29, 202, 29;
    --green-5: 0, 166, 0;
    --green-6: 0, 131, 0;
    --green-7: 0, 96, 0;
    --green-8: 0, 54, 0;
    --green-9: 0, 18, 0;
    --lime-0: 251, 255, 243;
    --lime-1: 239, 251, 215;
    --lime-2: 224, 255, 162;
    --lime-3: 220, 253, 153;
    --lime-4: 198, 255, 84;
    --lime-5: 130, 194, 0;
    --lime-6: 102, 153, 0;
    --lime-7: 74, 111, 0;
    --lime-8: 42, 63, 0;
    --lime-9: 18, 27, 0;
}