:root {
    --rojo: #98242b;
    --rojo-oscuro: #7f1e24;
    --verde: #1f7a3a;
    --verde-oscuro: #16622d;

    --fondo: #f6f7f5;
    --fondo-secundario: #faf7f4;
    --card: #ffffff;
    --texto: #2b2b2b;
    --texto-suave: #666666;
    --borde: #eadfd6;

    --ok-fondo: #eaf7ee;
    --ok-texto: #16622d;
    --error-fondo: #fff1f2;
    --error-texto: #8a1f25;
    --alerta-fondo: #fff8e6;
    --alerta-texto: #8a5a00;

    --sombra-suave: 0 6px 16px rgba(0,0,0,0.08);
    --sombra-card: 0 14px 30px rgba(0,0,0,0.08);
    --radio-card: 18px;
    --radio-control: 10px;
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    background:
        radial-gradient(circle at top right, rgba(31,122,58,0.10), transparent 28%),
        linear-gradient(135deg, rgba(152,36,43,0.06), rgba(31,122,58,0.05)),
        var(--fondo);
    color: var(--texto);
    font-family: Montserrat, Arial, Helvetica, sans-serif;
}

a {
    color: inherit;
}

.card {
    background: var(--card);
    border: 1px solid var(--borde);
    border-radius: var(--radio-card);
    box-shadow: var(--sombra-card);
}

.button,
button,
.btn-volver,
.btn-cerrar,
.btn-guardar,
.btn-usuario {
    border: none;
    border-radius: var(--radio-control);
    cursor: pointer;
    font-family: inherit;
    font-weight: 700;
    text-decoration: none;
}

input,
select,
textarea {
    font-family: inherit;
}

.mensaje-ok,
.mensaje.ok {
    background: var(--ok-fondo);
    color: var(--ok-texto);
}

.mensaje-error,
.mensaje.error,
.error {
    background: var(--error-fondo);
    color: var(--error-texto);
}

.texto-suave {
    color: var(--texto-suave);
}

.mt-10 {
    margin-top: 10px;
}

.mt-18 {
    margin-top: 18px;
}

.texto-13 {
    font-size: 13px;
}

.mb-18 {
    margin-bottom: 18px;
}

.mb-8 {
    margin-bottom: 8px;
}

.mt-6 {
    margin-top: 6px;
}

.mt-8 {
    margin-top: 8px;
}

.texto-secundario-13 {
    font-size: 13px;
    color: #666;
}

.mt-10 {
    margin-top: 10px;
}