* {
    font-optical-sizing: auto;
    font-style: normal;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    font-family: 'Euclid Circular B';
    box-sizing: border-box;
    margin: 0;
}

:root {
    color-scheme: light only;
    --force-light-mode: true;
    
    font-size: 16px;
    --branco: #fff;

    --bg1: hsl(205, 15%, 100%);
    --bg2: hsl(205, 15%, 95%);
    --bg3: hsl(205, 15%, 90%);

    --borda: hsl(0, 0%, 60%);
    --texto1: hsl(0, 0%, 5%);
    --texto2: hsl(0, 0%, 30%);
    --texto3: hsl(0, 0%, 50%);
    --cor1: #662482;
    --cor2: #E8F1FE;
    --verde: #14b838;
    --amarelo: #F97316;
    --vermelho: #be1212;
    --radius: 12px;
}

button, a, input, textarea, select, [tabindex] {
    outline: none;
    -webkit-tap-highlight-color: transparent;
    text-decoration: none;
    touch-action: manipulation;
}

.cor1 {color:--var(cor1)}
.cor2 {color:--var(cor2)}
.sucesso,.verde{color:var(--verde)}
.aviso,.amarelo{color:var(--amarelo)}
.erro,.vermelho{color:var(--vermelho)}
.branco{color: var(--branco)}
.bg-branco{background-color: var(--branco)}
.bg1{background-color: var(--bg1)}
.bg2{background-color: var(--bg2)}
.bg3{background-color: var(--bg3)}
.texto1{background-color: var(--texto1)}
.texto2{background-color: var(--texto2)}
.texto3{background-color: var(--texto3)}

/* EXTRAS */
textarea {resize: vertical;}