/* Ekrany logowania i rejestracji w kolorach WGW — czerwone tło strony, nazwa marki w czerwieni na białej karcie.
   Karta formularza zostaje taka, jaką rysuje Filament, żeby tryb ciemny pozostał czytelny. */

@font-face {
    font-family: 'Wallend Variable';
    src: url('/fonts/Wallend_Variable_1_0.woff2') format('woff2'),
         url('/fonts/Wallend_Variable_1_0.woff') format('woff');
    font-weight: 200 700;
    font-display: auto;
}

.fi-simple-layout {
    background-color: #FD4F57;
}

.fi-simple-header .fi-logo {
    color: #FD4F57;
}

.dark .fi-simple-header .fi-logo {
    color: #fff;
}

/* Nazwa marki krojem WGW — te same wartości co `.h0.fw-620` na stronie publicznej,
   przeskalowane do szerokości karty auth. */
.fi-simple-header .fi-logo {
    font-family: 'Wallend Variable', 'Arial', sans-serif;
    font-variant-ligatures: common-ligatures discretionary-ligatures contextual;
    -moz-font-feature-settings: 'liga' 1, 'dlig' 1, 'calt' 1;
    -webkit-font-smoothing: antialiased;
    font-size: clamp(2.5rem, 10vw, 4rem);
    font-weight: 620;
    line-height: .9;
    letter-spacing: -0.01em;
    text-align: center;
    /* Każde słowo w osobnej linii — spacja szersza niż karta wymusza złamanie. */
    word-spacing: 100vw;
}