:root {
    /* Light Mode Farben */
    --color1: #30292F;
    --color2: #355691;
    --color3: #6392E2;
    --color4: #5F5AA2;
    --color5: #A8A4E7;
    --color6: #ccd5f0;
    --color7: #eef5fd;
    /* Farben-Zuordnung*/
    --background: var(--color7);
    --background-soft: var(--color6);
    --text: var(--color1);
    --border: var(--color6);
    --focus-border: var(--color4);
    --hover: var(--color6);
    /* Links-spezifisch */
    --link-hover-text: var(--color2);
    --link-text: var(--color4);
    /* Footer-spezifisch */
    --footer-background: var(--color2);
    --footer-border: var(--color6);
    --footer-text: var(--color7);
    --footer-hover: var(--color4);
    /* Footer-Select-spezifisch */
    --footer-select-background: var(--color2);
    --footer-select-text: var(--color6);
    --footer-select-border: transparent;
    /* Footer-Button-spezifisch */
    --footer-button-background: var(--color2);
    --footer-button-text: var(--color7);
    --footer-button-border: transparent;
    /* Footer-Links-spezifisch */
    --footer-link-text: var(--color7);
    --footer-link-hover-text: var(--color6);
}
