/* ===========================================
   CSS DINÁMICO - Generado desde configuracion_estilos
   Cada cliente tiene sus propios valores en su BD MySQL
   =========================================== */

:root {
    /* Colores principales - Doble nomenclatura para compatibilidad */
    --color-primary: #8B7A6B;
    --primary-color: #8B7A6B;

    --color-primary-dark: #6B5A4B;
    --primary-dark: #6B5A4B;

    --color-primary-light: #E6DCCF;
    --primary-light: #E6DCCF;

    --color-secondary: #A09080;
    --secondary-color: #A09080;

    --color-accent: #A09080;
    --accent-color: #A09080;

    /* Gradientes */
    --gradient-start: #8B7A6B;
    --gradient-end: #6B5A4B;

    /* Textos */
    --color-text: #4A4651;
    --text-color: #4A4651;

    --color-text-muted: #B8B1A9;
    --text-muted: #B8B1A9;

    /* Estados */
    --color-success: #7D8B6A;
    --success-color: #7D8B6A;

    --color-warning: #C49A6C;
    --warning-color: #C49A6C;

    --color-error: #A65D5D;
    --error-color: #A65D5D;

    --color-danger: #A65D5D;
    --danger-color: #A65D5D;

    --color-info: #6B8A9A;
    --info-color: #6B8A9A;

    /* Fondos y bordes */
    --color-background: #F5F1EC;
    --background-color: #F5F1EC;

    --color-border: #D5C8BA;
    --border-color: #D5C8BA;

    --input-border-focus: #8B7A6B;

    /* Sombras y efectos */
    --card-shadow-color: rgba(139,122,107,0.25);
    --hover-glow-color: rgba(139,122,107,0.5);
}

/* Gradientes predefinidos usando las variables */
.gradient-primary {
    background: linear-gradient(135deg, var(--gradient-start) 0%, var(--gradient-end) 100%);
}

/* Sombras usando variables */
.card-shadow {
    box-shadow: 0 4px 20px var(--card-shadow-color);
}

.hover-glow:hover {
    box-shadow: 0 8px 30px var(--hover-glow-color);
}