/*Règles racines*/
:root{
    --color: #0F172A;
    --color-bg1: #EEF2FF;
    --color-bg2: #F2F4F7;
    --radius: 12px;
    --gap: 14px;
    --maxw: 420px;

    font-synthesis: none;
}

/*Polices*/

@font-face{
    font-family: SpecialElite;
    src: url('SpecialElite.woff') format('woff'),
         url('SpecialElite.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/*Règles principales*/
*{box-sizing:border-box}
::-moz-selection {color: white; background: black;}
::selection {color: white; background: black;}

html,body{
    height: 100%;
    margin: 0px;
}

body{
    background: linear-gradient(180deg, var(--color-bg1) 0%, var(--color-bg2) 100%);
    font-family: 'SpecialElite', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    color: var(--color);
}

#form_wrapper{
    min-height: 100dvh;
    display: grid;
    place-items: center;
}