/* ===================================
   VARIABLES DE DISEÑO
   =================================== */
:root {
    /* Colores principales */
    --color-primary: #3d6b66;
    --color-primary-dark: #2d5550;
    --color-primary-light: #4d7b76;
    --color-primary-alpha: rgba(61, 107, 102, 0.1);


    /* --color-primary: #187257; */
    --color-secondary: #75A39A;
    --color-accent: #6DBD9E;
    --color-dark: #106048;
    --color-gray: #6F6F6F;
    --color-light-gray: #f5f5f5;
    --color-white: #ffffff;
    --transition: all 0.3s ease;
    
    /* Colores de estatus */
    --color-presentada: #E7F2FC;
    --color-presentada-text: #4677CC;
    --color-presentada-border: #4677CC;
    
    --color-turnada: #EBF4EA;
    --color-turnada-text: #568B46;
    --color-turnada-border: #568B46;
    
    --color-actualizada: #F8F3CF;
    --color-actualizada-text: #967C13;
    --color-actualizada-border: #967C13;
    
    --color-sin-respuesta: #FFE8D4;
    --color-sin-respuesta-text: #C86206;
    --color-sin-respuesta-border: #C86206;
    
    --color-incompetente: #FAECEE;
    --color-incompetente-text: #AF362F;
    --color-incompetente-border: #AF362F;
    
    --color-finalizada: #EEDDFC;
    --color-finalizada-text: #7721BC;
    --color-finalizada-border: #7721BC;
    
    --color-prevenida: #F6F6F6;
    --color-prevenida-text: #5A5A5A;
    --color-prevenida-border: #5A5A5A;
    
    /* Colores base */
    --color-bg-light: #f5f5f5;
    --color-border: #e0e8e8;
    --color-text-primary: #2d3748;
    --color-text-secondary: #4a5568;
    --color-text-light: #718096;
    --color-alerta: #d97706;
    --color-success: #10b981;
    
    /* Espaciados */
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;
    
    /* Bordes */
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    
    /* Sombras */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.3);
    
    /* Transiciones */
    --transition-fast: 0.15s ease;
    --transition-normal: 0.2s ease;
    --transition-slow: 0.3s ease;
}