:root {
    --color-primario: #003366;
    --color-primario-oscuro: #031f38;
    --color-primario-claro: #eef4ff;
    --color-blanco: #ffffff;
    --color-texto: #2b3440;
    --color-texto-secundario: #6d7884;
    --color-borde: #d9e0e7;
    --color-error: #b42318;
}

* {
    box-sizing: border-box;
}

html,
body {
    margin: 0;
    width: 100%;
    min-height: 100%;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    color: var(--color-texto);
}

.login-body {
    min-height: 100vh;
    background-color: var(--color-primario-oscuro);
}

.login-page {
    width: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px;
}