/* =============================================================================
   portal_admin - tokens del diseño bento (prefijo --ap-).
   Paleta violet/indigo — identidad distinta de inspector (amarillo),
   rrhh (rojo), empleado (celeste). Se pisa con los tokens legacy de
   admin_portal.css que comparten nombre (se carga DESPUES).

   Dark se activa con [data-theme="dark"] en <html>.
   ============================================================================= */
:root {
    --ap-accent: #7C3AED;
    --ap-accent-ink: #FFFFFF;
    --ap-ok: #059669;
    --ap-warn: #EA580C;
    --ap-bad: #DC2626;
    --ap-info: #A78BFA;

    --ap-radius: 16px;
    --ap-radius-sm: 12px;
    --ap-radius-xs: 8px;

    --ap-font-display: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --ap-font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;

    /* Light (default) — blancos con toque violet pastel */
    --ap-bg: #F7F5FB;
    --ap-bg-raised: #F0ECFA;
    --ap-card: #FFFFFF;
    --ap-card-2: #FAF8FE;
    --ap-border: #E5E0F0;
    --ap-border-strong: #C7BDE0;
    --ap-ink: #1A1530;
    --ap-ink-mid: #5A5470;
    --ap-ink-dim: #8F8A9E;
    --ap-ink-faint: #E0DAEF;
    --ap-hair: rgba(124, 58, 237, 0.08);
    --ap-grid-dot: rgba(124, 58, 237, 0.04);
    --ap-glow: 0 10px 30px rgba(124, 58, 237, 0.18);
    --ap-chip-bg: rgba(124, 58, 237, 0.06);
    --ap-chip-border: rgba(124, 58, 237, 0.14);

    /* Overrides de vars legacy compartidas */
    --ap-primary: #7C3AED;
    --ap-primary-dark: #5B21B6;
    --ap-primary-light: #A78BFA;
    --ap-celeste: #A78BFA;
    --ap-celeste-dark: #7C3AED;
    --ap-celeste-light: #EDE9FE;
    --ap-text: #1A1530;
    --ap-text-muted: #5A5470;
    --ap-shadow: 0 2px 8px rgba(124, 58, 237, 0.08);
    --ap-shadow-lg: 0 4px 20px rgba(124, 58, 237, 0.12);
}

:root[data-theme="dark"] {
    /* Fondos con buen contraste (pasos +15 aprox) */
    --ap-bg: #0E0C13;
    --ap-bg-raised: #16131C;
    --ap-card: #1F1B28;
    --ap-card-2: #2A2436;

    /* Bordes visibles */
    --ap-border: #3D3550;
    --ap-border-strong: #564A70;

    /* Texto neutral legible */
    --ap-ink: #F1ECF7;
    --ap-ink-mid: #B8AFCF;
    --ap-ink-dim: #8A83A0;
    --ap-ink-faint: #2E2840;

    /* Accents brillantes */
    --ap-accent: #A78BFA;
    --ap-accent-ink: #FFFFFF;
    --ap-info: #C4B5FD;
    --ap-ok: #7FD88F;
    --ap-warn: #FFC47D;
    --ap-bad: #F87171;

    /* Decoracion */
    --ap-hair: rgba(255, 255, 255, 0.10);
    --ap-grid-dot: rgba(255, 255, 255, 0.04);
    --ap-glow: 0 0 40px rgba(167, 139, 250, 0.22);
    --ap-chip-bg: rgba(167, 139, 250, 0.16);
    --ap-chip-border: rgba(167, 139, 250, 0.34);

    /* Overrides de vars legacy en dark */
    --ap-primary: #A78BFA;
    --ap-primary-dark: #7C3AED;
    --ap-primary-light: #C4B5FD;
    --ap-celeste: #A78BFA;
    --ap-celeste-dark: #7C3AED;
    --ap-celeste-light: #3D3550;
    --ap-text: #F1ECF7;
    --ap-text-muted: #B8AFCF;
    --ap-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    --ap-shadow-lg: 0 4px 20px rgba(0, 0, 0, 0.4);
}