/**
 * Sapian — misma paleta y distribución que GLPI Ops Dashboard
 * (tailwind brand.* en glpi-ops-dashboard)
 *
 * darkest   #004D40  → títulos, sidebar, énfasis
 * deep      #00796B  → etiquetas secundarias, barras secundarias
 * primary   #009688  → acciones, estados activos, barras principales
 * soft      #26A69A  → focus / acentos suaves
 * accent    #CDDC39  → resaltes / CTAs de acento
 * highlight #67DDD2  → bordes y detalles suaves
 */
:root {
    /* Marca (tokens GLPI) */
    --sapian-dark: #004D40;       /* brand.darkest */
    --sapian-mid: #00796B;        /* brand.deep */
    --sapian-light: #009688;      /* brand.primary */
    --sapian-accent: #26A69A;     /* brand.soft */
    --sapian-lime: #CDDC39;       /* brand.accent */
    --sapian-mint: #67DDD2;       /* brand.highlight */
    --sapian-darker: #00352C;
    --sapian-lime-hover: #C0D030;

    /* RGB / alphas (como focus rings de GLPI: primary/10, primary/30) */
    --sapian-dark-rgb: 0, 77, 64;
    --sapian-mid-rgb: 0, 121, 107;
    --sapian-light-rgb: 0, 150, 136;
    --sapian-accent-rgb: 38, 166, 154;
    --sapian-mint-rgb: 103, 221, 210;
    --sapian-lime-rgb: 205, 220, 57;

    --sapian-light-a05: rgba(0, 150, 136, 0.05);
    --sapian-light-a10: rgba(0, 150, 136, 0.10);
    --sapian-light-a15: rgba(0, 150, 136, 0.15);
    --sapian-light-a20: rgba(0, 150, 136, 0.20);
    --sapian-light-a22: rgba(0, 150, 136, 0.22);
    --sapian-light-a30: rgba(0, 150, 136, 0.30);
    --sapian-dark-a08: rgba(0, 77, 64, 0.08);
    --sapian-dark-a12: rgba(0, 77, 64, 0.12);
    --sapian-dark-a14: rgba(0, 77, 64, 0.14);
    --sapian-dark-a35: rgba(0, 77, 64, 0.35);
    --sapian-dark-a55: rgba(0, 77, 64, 0.55);
    --sapian-accent-a08: rgba(38, 166, 154, 0.08);
    --sapian-accent-a25: rgba(38, 166, 154, 0.25);
    --sapian-lime-a40: rgba(205, 220, 57, 0.40);
    --sapian-mint-a30: rgba(103, 221, 210, 0.30);
    --sapian-mint-a50: rgba(103, 221, 210, 0.50);

    /* Superficies (surface.page / card de GLPI) */
    --sapian-tint: #E0F2F1;
    --sapian-tint-strong: #B2DFDB;
    --sapian-surface: #F4F7F6;
    --shadow-card: 0 8px 24px rgba(0, 77, 64, 0.08);

    /* Semántica */
    --success: #009688;
    --warning: #FFB300;
    --danger: #DC2626;
    --delay: #FFB74D;
    --delay-soft: #FFE0B2;
    --bg: #F4F7F6;
    --card-bg: #FFFFFF;
    --text: #0F172A;
    --text-muted: #64748B;
    --border: #E2E8F0;

    /* Gráficos (distribución GLPI) */
    --chart-1: #009688;   /* primary — a tiempo / barras */
    --chart-2: #00796B;   /* deep */
    --chart-3: #26A69A;   /* soft */
    --chart-4: #004D40;   /* darkest */
    --chart-5: #CDDC39;   /* accent */
    --chart-6: #67DDD2;   /* highlight */
    --chart-alert: #FFB74D;
}