/* ============================================================
   Zeolos — Design tokens (estilo claro SaaS, marca Zeolos)
   Portado del sistema de Auditia, rebrandeado a verde Zeolos.
   Marca: verde lima #A0C03E (primario) + azul #375C8B (secundario).
   ============================================================ */
:root {
    /* --- Marca (primario = verde Zeolos) --- */
    --primary:      #A0C03E;
    --primary-600:  #8ab034;
    --primary-700:  #739428;
    --primary-fg:   #ffffff;
    --accent:       #eef4dd;   /* tinte verde para item activo / realces */
    --accent-fg:    #5c7320;
    --ring:         rgba(160, 192, 62, .35);

    /* --- Secundarios de marca (guía oficial Zeolos) --- */
    --secondary-brand:     #375C8B;   /* azul */
    --secondary-brand-600: #2e4d75;
    --teal:                #4194A6;   /* teal */
    --teal-600:            #357d8d;
    --brand-orange:        #F94C16;   /* naranja-rojo */
    --brand-amber:         #F7990F;   /* naranja */
    --brand-yellow:        #FAD232;   /* amarillo */

    /* --- Superficies --- */
    --background:   #fafafb;   /* fondo de página */
    --card:         #ffffff;
    --sidebar:      #ffffff;

    /* --- Texto --- */
    --foreground:   #3C3C3C;   /* texto principal (gris de marca Zeolos) */
    --muted-fg:     #6e6e78;   /* texto secundario */
    --faint-fg:     #9a9aa4;   /* texto fino / etiquetas */

    /* --- Líneas y neutros --- */
    --border:       #e7e7ec;
    --secondary:    #f3f3f5;   /* hover, cabecera de tabla */
    --muted:        #f1f1f4;

    /* --- Semánticos (color / fondo suave) --- */
    --success: #2FA06B;  --success-soft: #e6f5ec;  --success-fg: #1c7a4e;
    --warning: #F7990F;  --warning-soft: #fef0db;  --warning-fg: #9c5f00;   /* naranja de marca */
    --danger:  #F94C16;  --danger-soft:  #fdeae3;  --danger-fg:  #c23a10;   /* naranja-rojo de marca */
    --info:    #375C8B;  --info-soft:    #e7eef7;   /* azul de marca Zeolos */

    /* --- Tipografía (Heebo = fuente de marca Zeolos) --- */
    --font: 'Heebo', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --font-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;
    --fs-xs:   11px;
    --fs-sm:   12px;
    --fs-base: 13px;
    --fs-md:   14px;
    --fs-lg:   16px;
    --fs-xl:   20px;
    --fs-2xl:  24px;
    --fw-regular:  400;
    --fw-medium:   500;
    --fw-semibold: 600;
    --fw-bold:     700;

    /* --- Radios (base 10px) --- */
    --radius-sm:   6px;
    --radius-md:   8px;
    --radius-lg:   10px;
    --radius-xl:   14px;
    --radius-pill: 999px;

    /* --- Espaciado --- */
    --space-1: 4px;  --space-2: 8px;  --space-3: 12px;
    --space-4: 16px; --space-5: 20px; --space-6: 24px; --space-8: 32px;

    /* --- Sombras (muy sutiles, el diseño se apoya en bordes) --- */
    --shadow-sm: 0 1px 2px rgba(20, 16, 24, .04);
    --shadow-pop: 0 8px 28px rgba(30, 40, 25, .12);

    /* --- Layout --- */
    --sidebar-w: 256px;
    --topbar-h:  64px;
}