:root {
    /* Paleta unificada */
    --color-verde: #609979;
    --color-gris-azul: #7da2aa;
    --color-turquesa: #0A6AAB;
    --color-amarillo: #ffe139;
    --fondo-claro: #f8f9fa;
    --texto-normal: #444444;
    --borde: #dadce0;
}

body {
    background-color: var(--fondo-claro);
    color: var(--texto-normal);
    font-family: 'Segoe UI', sans-serif;
    font-size: 13px;
}

/* Estilos de etiquetas y elementos sin transformaciones de texto */
label, h6, .btn-custom {
    letter-spacing: 0.5px;
}

.card-compact {
    background: #ffffff;
    border: 1px solid var(--borde);
    padding: 20px;
}

.form-control {
    background: #fff;
    border: 1px solid var(--borde);
    border-radius: 0;
    padding: 6px;
}

.btn-custom {
    background: var(--color-verde);
    border: none;
    color: #fff;
    padding: 8px;
    transition: all 0.2s ease-in-out;
}

.btn-custom:hover {
    background: var(--color-turquesa);
    color: #fff;
    cursor: pointer;
}