/* tu_app/static/core/css/variables.css */

:root {
    /* --- IDENTIDAD PRINCIPAL (El verde se mantiene para la acción) --- */
    --primary: #2ecc71;            /* Verde bioactivo / Clorofila */
    --primary-hover: #27ae60;
    --accent: #f1c40f;             /* Oro / Cosecha (Alertas medias / nubes) */
    
    /* --- ESTADOS SEMÁNTICOS (Contraste limpio) --- */
    --success: #1ebd60;
    --success-bg: rgba(30, 189, 96, 0.1);
    --error: #e74c3c;
    --error-bg: rgba(231, 76, 60, 0.1);

    /* --- TIPOGRAFÍA (Máxima legibilidad) --- */
    --text-main: #f5f6fa;          /* Blanco titanio para textos importantes */
    --text-muted: #a4b0be;         /* Gris claro para etiquetas secundarias */

    /* --- ESTRUCTURA Y FONDOS (Rompiendo la monotonía verde) --- */
    --bg-page: #131419;            /* Gris pizarra profundo (Sofisticado y descansa la vista) */
    --bg-card: rgba(26, 27, 34, 0.88); /* Paneles oscuros neutros con desenfoque glassmorphism */
    --bg-input: #1f212a;           /* Fondo gris mineral para campos internos y selectores */
    --border: rgba(255, 255, 255, 0.08); /* Bordes finos neutros (Evita la saturación verde) */
}