* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    line-height: 1.5;
    font-family: "Inter", "Segoe UI", Roboto, Arial, sans-serif;
}

.logo {
    max-width: 100%;
    max-height: 100%;
}

:root {
    /*=== SOMBRA ===*/
    --sombra-p: 0 1px 3px rgba(0, 0, 0, .08);
    --sombra-m: 0 4px 10px rgba(0, 0, 0, .08); /*Cartões*/
    --sombra-g: 0 10px 30px rgba(0, 0, 0, .12); /*Modal*/
     /*=== CORES ===*/
    /*Marca*/
    --cor-primaria: #1e40af;
    --cor-primaria-escura: #1e3a8a;
    --cor-primaria-clara: #60a5fa;
    /*Fundo*/
    --cor-fundo: #f8fafc;
    --cor-fundo-secundario: #fff;
    /*Texto*/
    --cor-texto: #111827;
    --cor-texto-secundaria: #6b7280;
    /*Bordas*/
    --cor-borda: #e4e7eb;
    /*Cor estados*/
    --cor-primaria-suave: #eff6ff;
    --cor-sucesso: #16a34a;
    --cor-sucesso-escuro: #15803d;
    --cor-sucesso-suave: #dcfce7;
    --cor-aviso: #d97706;
    --cor-aviso-suave: #fef3c7;
    --cor-erro: #dc2626;
    --cor-erro-suave: #fee2e2;
    --cor-alerta: #d97706;
    --cor-destaque: #b91c1c;
    /*=== FONTES ===*/
    --familia-fontes: font-family: "Inter", "Segoe UI", Roboto, Arial, sans-serif;
    --fonte-pp: 12px;
    --fonte-p: 14px;
    --fonte-m: 16px;
    --fonte-g: 20px;
    --fonte-gg: 28px;
    /*=== MEDIDAS ===*/
    --raio-p: 6px;
    --raio-m: 8px; /*Input e botão*/
    --raio-g: 12px; /*Cartão*/
    --raio-gg: 16px; /*Modal*/
    /*=== ESPAÇAMENTOS ===*/
    --espaco-1: 4px;
    --espaco-2: 8px; /*Espaço entre label e input*/
    --espaco-3: 12px; /*Padding de input*/
    --espaco-4: 16px;
    --espaco-5: 20px; /*Padding interno dos cartões*/
    --espaco-6: 24px; /*Espaço entre os cartões*/
    --espaco-8: 32px; /*Margem entre seções*/
    --espaco-10: 40px; /*Margem página A4*/
    /*=== GAP ===*/
    --gap-pp:8px;
    --gap-p:12px;
    --gap-m:16px;
    --gap-g:24px;
    --gap-gg:32px;
}