/* =================================================================
   SEEM - COLORES
   Paleta de colores y variables semanticas del sistema.
   Estilo: Brutalismo Clinico
   ================================================================= */

:root {
    /* === COLORES DE MARCA === */
    --seem-negro: #1b1e31;
    --seem-blanco: #ffffff;
    --seem-principal: #f1f5f9;
    --seem-secundario: #64748b;
    --seem-acento: #74c1a7;

    /* === VARIABLES SEMANTICAS === */
    --seem-color-tinta: var(--seem-negro);
    --seem-color-papel: var(--seem-blanco);
    --seem-color-fondo: var(--seem-principal);
    --seem-color-acento: var(--seem-negro);
    --seem-color-acento-suave: #eff6ff;

    /* === ESCALA DE GRISES === */
    --seem-color-gris-100: #f8fafc;
    --seem-color-gris-200: #e2e8f0;
    --seem-color-gris-300: #cbd5e1;
    --seem-color-gris-400: #94a3b8;
    --seem-color-gris-500: #64748b;
    --seem-color-gris-600: #475569;
    --seem-color-gris-700: #334155;

    /* === COLORES DE ESTADO === */

    /* Exito (verde) */
    --seem-color-exito: #74c1a7;
    --seem-color-exito-fondo: #ecfdf5;
    --seem-color-exito-texto: #047857;

    /* Alerta (naranja) */
    --seem-color-alerta: #f8794f;
    --seem-color-alerta-fondo: #fffbeb;
    --seem-color-alerta-texto: #b45309;

    /* Error (rojo) */
    --seem-color-error: #ef4444;
    --seem-color-error-fondo: #fef2f2;
    --seem-color-error-texto: #b91c1c;

    /* Revision (amarillo) */
    --seem-color-revision: #eab308;
    --seem-color-revision-fondo: #fefce8;
    --seem-color-revision-texto: #a16207;

    /* Condicionado (violeta) */
    --seem-color-condicionado: #8b5cf6;
    --seem-color-condicionado-fondo: #f5f3ff;
    --seem-color-condicionado-texto: #6d28d9;

    /* Info (azul) */
    --seem-color-info: #3b82f6;
    --seem-color-info-fondo: #eff6ff;
    --seem-color-info-texto: #1d4ed8;
}