/* ===========================================
   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: #7C8C6E;
    --primary-color: #7C8C6E;

    --color-primary-dark: #5E6B52;
    --primary-dark: #5E6B52;

    --color-primary-light: #F5F0EB;
    --primary-light: #F5F0EB;

    --color-secondary: #D4C5B2;
    --secondary-color: #D4C5B2;

    --color-accent: #7C8C6E;
    --accent-color: #7C8C6E;

    /* Gradientes */
    --gradient-start: #F5F0EB;
    --gradient-end: #E8DFD3;

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

    --color-text-muted: #7A7572;
    --text-muted: #7A7572;

    /* Estados */
    --color-success: #28a745;
    --success-color: #28a745;

    --color-warning: #ffc107;
    --warning-color: #ffc107;

    --color-error: #dc3545;
    --error-color: #dc3545;

    --color-danger: #dc3545;
    --danger-color: #dc3545;

    --color-info: #17a2b8;
    --info-color: #17a2b8;

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

    --color-border: #E8DFD3;
    --border-color: #E8DFD3;

    --input-border-focus: #7C8C6E;

    /* Sombras y efectos */
    --card-shadow-color: rgba(124,140,110,0.1);
    --hover-glow-color: rgba(124,140,110,0.2);
}

/* 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);
}