/* Google Fonts Import */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700;800&display=swap');

:root {
    /* SPD Primärfarben */
    --color-primary: #E3000F;
    --color-primary-hover: #B2000C;
    --font-family: 'Open Sans', sans-serif;
}

/* Globaler Font-Override */
body, html {
    font-family: var(--font-family) !important;
}

/* HEADER & LOGO ANPASSUNG */
.header {
    border-top: 6px solid var(--color-primary) !important;
    background-color: var(--color-surface) !important;
}

.header__title {
    font-weight: 800 !important;
    color: var(--color-primary) !important;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* BUTTONS */
.button--primary, button[type="submit"], .btn-primary {
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
}

.button--primary:hover {
    background-color: var(--color-primary-hover) !important;
}

/* DARK MODE SUPPORT */
/* Pollaris nutzt data-color-scheme="dark" am html tag */
[data-color-scheme="dark"] {
    --color-primary: #ff1a1a; /* Etwas helleres Rot für bessere Lesbarkeit auf Schwarz */
    --color-surface: #1a1a1a;
}

/* Logo-Größe begrenzen */
.spd-logo {
    height: 40px;
    width: auto;
    vertical-align: middle;
}