:root {
    --vt-blue: #2b446d;
    --border-radius: 10px;
    --animation: 0.4s ease;
    --box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);

    --hover: #60708e;
    --primary: #2b446d;
    --primary-light: #2b446d;
    --primary-dark: #424d61;
    --secondary: #efefef;

    --red: #c74646; /* Ersetzen durch richtige Farbe */
}

:root[data-theme='light'] {
    --background: #fdfdfd;
    --font: #434345;
    --font-neg: #fdfdfd;
}

:root[data-theme='dark'] {
    --background: #434345;
    --font: #fdfdfd;
    --font-neg: #434345;
}