/* Outfit wie in der App (statische Schnitte Light/Regular/Medium, SIL OFL 1.1) */
@font-face {
    font-family: 'Outfit';
    src: url('/assets/fonts/outfit-light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Outfit';
    src: url('/assets/fonts/outfit-regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Outfit';
    src: url('/assets/fonts/outfit-medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

* {
    box-sizing: border-box;
}

body {
    /* Sichtbare Höhe: vh zählt auf Handys die Adressleiste mit, dvh nicht */
    min-height: 100vh;
    min-height: 100dvh;
    background-color: #190047;
    -webkit-font-smoothing: antialiased;
}

/* Hintergrund-Glows (Luminous Flux) */
.ambient-glow {
    position: fixed;
    border-radius: 9999px;
    pointer-events: none;
    z-index: -10;
}

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-text-fill-color: #e9ddff;
    -webkit-box-shadow: 0 0 0 1000px #23005c inset;
    transition: background-color 5000s ease-in-out 0s;
}

::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background: rgba(233, 221, 255, 0.15);
    border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
    background: rgba(233, 221, 255, 0.3);
}