/* prometo */
@font-face {
    font-family: 'prometo';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('https://static.formulastudent.de/dist/prometo/WebStaticFonts/Prometo_W_Rg.woff2') format('woff2');
}
/* Font Awesome 5 */
@font-face {
    font-family: 'Font Awesome 5 Duotone';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url('https://static.formulastudent.de/fsg/fa/fa-duotone-900.woff2') format('woff2');
}
:root {
    color-scheme: light dark;

    --fsg_yellow_gold:  #FDD315; /* rgb(253,211,21) */
    --fsg_red:          #E40E1B; /* rgb(228,14,27)  */
    --fsg_black:        #1D1D1B; /* rgb(29,29,27)   */
    --fsg_green_cv:     #76B82A; /* rgb(118,184,42) */
    --fsg_yellow_ev:    #FFDD00; /* rgb(0,136,182)  */
    --fsg_cyan_dvc:     #0088B6; /* rgb(253,211,21) */
    --fsg_cyan_dve:     #5FC4E1; /* rgb(95,196,225) */
    --fsg_blue_judge:   #0069B4; /* rgb(0,105,180)  */

    --pf-v5-global--FontFamily--heading: prometo, sans-serif;
    --pf-v5-global--primary-color--100: var(--fsg_green_cv);
}
@media (prefers-color-scheme: light) {
    :root {
        --text-color:           #2e2f3e;
        --text-h1:              var(--fsg_blue_judge);
        --background-color:     #f0f0f0;
        --background-color2:    white;
        --background-color3:    lightgray;

        --pf-v5-global--primary-color--200: var(--fsg_blue_judge);
        --pf-v5-global--primary-color--300: var(--fsg_green_cv);
        --pf-v5-global--BackgroundColor--light-100: white;
        --pf-v5-c-login__main--BackgroundColor: white;
    }   
}
@media (prefers-color-scheme: dark) {
    :root {
        --text-color:           white;
        --text-h1:              var(--fsg_yellow_gold);
        --background-color:     #26292d;
        --background-color2:    #393e44;
        --background-color3:    var(--fsg_black);

        --pf-v5-global--primary-color--200: var(--fsg_green_cv);
        --pf-v5-global--primary-color--300: var(--fsg_blue_judge);
        --pf-v5-global--BackgroundColor--300: var(--background-color);
        --pf-v5-c-login__main--BackgroundColor: var(--background-color);
    }
}
/* FSG icon */
div.kc-logo-text {
    background-image: url(https://static.formulastudent.de/fsg/logos/FSG-icon_v20180213.svg);
    background-position: center;
    height: 40px;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto;
}
.pf-v5-theme-dark div.kc-logo-text {
    background-image: url(https://static.formulastudent.de/fsg/logos/FSG-icon_v20180213_darkBG.svg);
}
/* what realms */
div.kc-logo-text span {
    display: initial;
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 10px;
    color: gray;
    font-family: prometo, sans-serif;
}
h1#kc-page-title {
    color: var(--text-h1);
}
.login-pf body {
    background: var(--background-color);
}
.pf-v5-c-login {
    align-items: unset;
}
.pf-v5-c-form-control:after {
    border-block-end-color: var(--pf-v5-global--primary-color--300);
}
@media (min-width: 1200px) {
    .pf-v5-c-login__container {
        display: flow;
        max-width: 44em;
    }
}
@media (max-width: 500px) {
    .login-pf body {
        background: var(--pf-v5-c-login__main--BackgroundColor);
    }
    .pf-v5-c-login__main {
        box-shadow: unset;
    }
}

#kc-social-providers svg:not(.google) {
    filter: invert(47%) sepia(88%) saturate(7486%) hue-rotate(199deg) brightness(91%) contrast(101%);
}

#kc-social-providers svg {
    height: var(--pf-v5-global--FontSize--xl);
}