/* SeboTech 1.1.0 - erzeugt aus design.json, nicht von Hand ändern. */
:root {
    --vg-blue-50: 244 244 245;
    --vg-blue-100: 228 228 231;
    --vg-blue-200: 254 202 202;
    --vg-blue-300: 252 165 165;
    --vg-blue-400: 82 82 91;
    --vg-blue-500: 227 6 19;
    --vg-blue-600: 196 5 16;
    --vg-blue-700: 165 4 14;
    --vg-blue-800: 130 3 11;
    --vg-blue-900: 95 2 8;
    --vg-amber-50: 254 242 242;
    --vg-amber-100: 254 226 226;
    --vg-amber-200: 254 202 202;
    --vg-amber-300: 252 165 165;
    --vg-amber-400: 227 6 19;
    --vg-amber-500: 200 5 17;
    --vg-amber-600: 175 4 15;
    --vg-amber-700: 145 3 12;
    --vg-amber-800: 115 3 10;
    --vg-amber-900: 90 2 8;
    --vg-ink-50: 244 244 245;
    --vg-ink-100: 228 228 231;
    --vg-ink-200: 190 190 196;
    --vg-ink-300: 161 161 170;
    --vg-ink-400: 140 140 150;
    --vg-ink-500: 113 113 122;
    --vg-ink-600: 82 82 91;
    --vg-ink-700: 63 63 70;
    --vg-ink-800: 39 39 42;
    --vg-ink-900: 24 24 27;
    --vg-flaeche: 255 255 255;
    --vg-flaeche2: 250 250 250;
    --vg-marke: 0 0 0;
    --vg-marke-fg: 228 228 231;
    --vg-kopf: 255 255 255;
    --vg-kopf-fg: 24 24 27;
    --vg-kopf-linie: 227 6 19;
    --vg-leiste: 17 17 19;
    --vg-leiste-unten: 0 0 0;
    --vg-leiste-fg: 228 228 231;
    --vg-leiste-aktiv: 227 6 19;
    --vg-marke-name: 255 255 255;
    --vg-kopf-schimmer: none;
    --vg-leiste-schimmer: none;
    --vg-feld-rahmen: 125 125 135;
    --vg-feld-rahmen-deckung: 1;
    --vg-schrift: "Inter", Inter, ui-sans-serif, system-ui, sans-serif;
    --vg-marke-symbol: block;
    color-scheme: light;
}
.dark {
    --vg-blue-50: 45 45 50;
    --vg-blue-100: 60 60 66;
    --vg-blue-200: 110 30 35;
    --vg-blue-300: 160 20 30;
    --vg-blue-400: 150 150 158;
    --vg-blue-500: 227 6 19;
    --vg-blue-600: 240 70 75;
    --vg-blue-700: 248 120 122;
    --vg-blue-800: 252 170 170;
    --vg-blue-900: 254 215 215;
    --vg-amber-50: 60 14 16;
    --vg-amber-100: 85 16 20;
    --vg-amber-200: 125 16 22;
    --vg-amber-300: 175 14 24;
    --vg-amber-400: 235 50 58;
    --vg-amber-500: 242 90 95;
    --vg-amber-600: 247 130 132;
    --vg-amber-700: 250 170 170;
    --vg-amber-800: 252 200 200;
    --vg-amber-900: 254 228 228;
    --vg-ink-50: 24 24 27;
    --vg-ink-100: 39 39 42;
    --vg-ink-200: 63 63 70;
    --vg-ink-300: 90 90 98;
    --vg-ink-400: 130 130 140;
    --vg-ink-500: 165 165 172;
    --vg-ink-600: 196 196 202;
    --vg-ink-700: 218 218 222;
    --vg-ink-800: 236 236 238;
    --vg-ink-900: 250 250 250;
    --vg-flaeche: 32 32 35;
    --vg-flaeche2: 42 42 46;
    --vg-marke: 0 0 0;
    --vg-marke-fg: 228 228 231;
    --vg-kopf: 24 24 27;
    --vg-kopf-fg: 236 236 238;
    --vg-kopf-linie: 227 6 19;
    --vg-leiste: 17 17 19;
    --vg-leiste-unten: 0 0 0;
    --vg-leiste-fg: 228 228 231;
    --vg-leiste-aktiv: 235 50 58;
    --vg-marke-name: 255 255 255;
    --vg-kopf-schimmer: none;
    --vg-leiste-schimmer: none;
    --vg-feld-rahmen: var(--vg-ink-400);
    --vg-feld-rahmen-deckung: 0.8;
    color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
    :root:not(.schema-hell) {
        --vg-blue-50: 45 45 50;
        --vg-blue-100: 60 60 66;
        --vg-blue-200: 110 30 35;
        --vg-blue-300: 160 20 30;
        --vg-blue-400: 150 150 158;
        --vg-blue-500: 227 6 19;
        --vg-blue-600: 240 70 75;
        --vg-blue-700: 248 120 122;
        --vg-blue-800: 252 170 170;
        --vg-blue-900: 254 215 215;
        --vg-amber-50: 60 14 16;
        --vg-amber-100: 85 16 20;
        --vg-amber-200: 125 16 22;
        --vg-amber-300: 175 14 24;
        --vg-amber-400: 235 50 58;
        --vg-amber-500: 242 90 95;
        --vg-amber-600: 247 130 132;
        --vg-amber-700: 250 170 170;
        --vg-amber-800: 252 200 200;
        --vg-amber-900: 254 228 228;
        --vg-ink-50: 24 24 27;
        --vg-ink-100: 39 39 42;
        --vg-ink-200: 63 63 70;
        --vg-ink-300: 90 90 98;
        --vg-ink-400: 130 130 140;
        --vg-ink-500: 165 165 172;
        --vg-ink-600: 196 196 202;
        --vg-ink-700: 218 218 222;
        --vg-ink-800: 236 236 238;
        --vg-ink-900: 250 250 250;
        --vg-flaeche: 32 32 35;
        --vg-flaeche2: 42 42 46;
        --vg-marke: 0 0 0;
        --vg-marke-fg: 228 228 231;
        --vg-kopf: 24 24 27;
        --vg-kopf-fg: 236 236 238;
        --vg-kopf-linie: 227 6 19;
        --vg-leiste: 17 17 19;
        --vg-leiste-unten: 0 0 0;
        --vg-leiste-fg: 228 228 231;
        --vg-leiste-aktiv: 235 50 58;
        --vg-marke-name: 255 255 255;
        --vg-kopf-schimmer: none;
        --vg-leiste-schimmer: none;
        --vg-feld-rahmen: var(--vg-ink-400);
        --vg-feld-rahmen-deckung: 0.8;
        color-scheme: dark;
    }
}
@media (max-width: 1023.98px) {
    .vg-anmeldung-dunkel {
        --vg-blue-50: 45 45 50;
        --vg-blue-100: 60 60 66;
        --vg-blue-200: 110 30 35;
        --vg-blue-300: 160 20 30;
        --vg-blue-400: 150 150 158;
        --vg-blue-500: 227 6 19;
        --vg-blue-600: 240 70 75;
        --vg-blue-700: 248 120 122;
        --vg-blue-800: 252 170 170;
        --vg-blue-900: 254 215 215;
        --vg-amber-50: 60 14 16;
        --vg-amber-100: 85 16 20;
        --vg-amber-200: 125 16 22;
        --vg-amber-300: 175 14 24;
        --vg-amber-400: 235 50 58;
        --vg-amber-500: 242 90 95;
        --vg-amber-600: 247 130 132;
        --vg-amber-700: 250 170 170;
        --vg-amber-800: 252 200 200;
        --vg-amber-900: 254 228 228;
        --vg-ink-50: 24 24 27;
        --vg-ink-100: 39 39 42;
        --vg-ink-200: 63 63 70;
        --vg-ink-300: 90 90 98;
        --vg-ink-400: 130 130 140;
        --vg-ink-500: 165 165 172;
        --vg-ink-600: 196 196 202;
        --vg-ink-700: 218 218 222;
        --vg-ink-800: 236 236 238;
        --vg-ink-900: 250 250 250;
        --vg-flaeche: 32 32 35;
        --vg-flaeche2: 42 42 46;
        --vg-marke: 0 0 0;
        --vg-marke-fg: 228 228 231;
        --vg-kopf: 24 24 27;
        --vg-kopf-fg: 236 236 238;
        --vg-kopf-linie: 227 6 19;
        --vg-leiste: 17 17 19;
        --vg-leiste-unten: 0 0 0;
        --vg-leiste-fg: 228 228 231;
        --vg-leiste-aktiv: 235 50 58;
        --vg-marke-name: 255 255 255;
        --vg-kopf-schimmer: none;
        --vg-leiste-schimmer: none;
        --vg-feld-rahmen: var(--vg-ink-400);
        --vg-feld-rahmen-deckung: 0.8;
        color-scheme: dark;
    }
}
