/* PIT152261_DS10_TOKENS
 * Portal IT DS1.0 - Fuente única de tokens de diseño.
 *
 * Se carga antes de style.css en includes/header.php y en las páginas que
 * enlazan style.css por su cuenta. Después, includes/header.php publica el
 * acento del tema elegido en Configuración (pitRuntimeStyle()), que reemplaza
 * --pit-primary, --pit-primary-dark, --pit-primary-rgb, la escala
 * --pit-primary-50…400 y --pit-radius-xl.
 *
 * Reglas:
 *   - El color de acento se usa siempre como var(--pit-primary, #2563eb):
 *     nunca escrito a mano (control de regresión DS1.0).
 *   - Un color de categoría (gráficos, niveles, severidades) no sigue el
 *     acento: usa --pit-cat-*.
 *   - Los temas oscuro e institucional redefinen estos tokens en style.css.
 *   - pwa.css conserva --pit-mobile-*: offline.php y el service worker la
 *     cargan sola, sin esta hoja.
 */

/* Base (antes en style.css, Portal IT v1.5.3) */
:root {
    --pit-bg: #f4f7fb;
    --pit-surface: #ffffff;
    --pit-surface-soft: #f8fafc;
    --pit-border: rgba(226, 232, 240, .86);
    --pit-text: #111827;
    --pit-muted: #64748b;
    --pit-primary: #2563eb;
    --pit-primary-dark: #1d4ed8;
    --pit-success: #2f855a;
    --pit-danger: #dc2626;
    --pit-warning: #f59e0b;
    --pit-info: #38bdf8;
    --pit-radius-xl: 24px;
    --pit-radius-lg: 18px;
    --pit-shadow: 0 18px 45px rgba(15, 23, 42, .075);
    --pit-shadow-soft: 0 10px 28px rgba(15, 23, 42, .055);
}

/* Acceso (antes en style.css, Portal IT v1.7.8 - Login / Logout premium institucional) */
:root {
    --pit-auth-primary: #860038;
    --pit-auth-primary-dark: #720C13;
    --pit-auth-primary-soft: rgba(134, 0, 56, 0.16);
    --pit-auth-blue: #053C74;
    --pit-auth-green: #3A7640;
    --pit-auth-green-dark: #264E2A;
    --pit-auth-gold: #F1A923;
    --pit-auth-teal: #3F6C5D;
    --pit-auth-gray: #BFBFBF;
    --pit-auth-ink: #1f1f24;
    --pit-auth-muted: #6d6d73;
    --pit-auth-surface: rgba(255, 255, 255, 0.92);
    --pit-auth-surface-strong: rgba(255, 255, 255, 0.98);
    --pit-auth-line: rgba(255, 255, 255, 0.16);
    --pit-auth-shadow-xl: 0 30px 70px rgba(17, 15, 23, 0.32);
    --pit-auth-shadow-md: 0 16px 35px rgba(17, 15, 23, 0.18);
    --pit-auth-radius-xl: 32px;
    --pit-auth-radius-lg: 24px;
    --pit-auth-radius-md: 18px;
}

/* DS1.0: escalas nuevas */
:root {
    /* Acento: valor RGB y tonos claros (fondos suaves, bordes, chips). Valores del acento Azul. */
    --pit-primary-rgb: 37,99,235;
    --pit-primary-50: #eff6ff;
    --pit-primary-100: #dbeafe;
    --pit-primary-200: #bfdbfe;
    --pit-primary-300: #93c5fd;
    --pit-primary-400: #60a5fa;

    /* Neutros: escala slate, la familia principal del portal */
    --pit-slate-50: #f8fafc;
    --pit-slate-100: #f1f5f9;
    --pit-slate-200: #e2e8f0;
    --pit-slate-300: #cbd5e1;
    --pit-slate-400: #94a3b8;
    --pit-slate-500: #64748b;
    --pit-slate-600: #475569;
    --pit-slate-700: #334155;
    --pit-slate-800: #1e293b;
    --pit-slate-900: #0f172a;

    /* Categorías: no cambian con el acento */
    --pit-cat-blue: #2563eb;
    --pit-cat-blue-dark: #1d4ed8;
    --pit-cat-green: #16a34a;
    --pit-cat-red: #dc2626;
    --pit-cat-amber: #f59e0b;
    --pit-cat-violet: #7c3aed;

    /* Tipografía (en adopción desde DS1.1) */
    --pit-fs-xs: .75rem;
    --pit-fs-sm: .875rem;
    --pit-fs-base: 1rem;
    --pit-fs-md: 1.125rem;
    --pit-fs-lg: 1.25rem;
    --pit-fs-xl: 1.5rem;
    --pit-fs-2xl: 2rem;
    --pit-fw-regular: 400;
    --pit-fw-semibold: 600;
    --pit-fw-bold: 700;
    --pit-fw-heavy: 800;

    /* Radios y elevación (en adopción desde DS1.1) */
    --pit-radius-sm: 8px;
    --pit-radius-md: 12px;
    --pit-radius-pill: 999px;
    --pit-elev-1: 0 4px 12px rgba(15, 23, 42, .06);
    --pit-elev-2: 0 10px 28px rgba(15, 23, 42, .055);
    --pit-elev-3: 0 18px 45px rgba(15, 23, 42, .075);
}