/**
 * EDUiA — tokens de diseño globales (--eduia-*).
 * stylesheet.php puede sobreescribir --eduia-primary / --eduia-secondary desde front_cms (marca sede).
 * --eduia-brand conserva tinta editorial institucional; componentes nuevos pueden usar cualquiera.
 *
 * Tema claro / oscuro: paleta alineada a Google Workspace + Material 3 (2025–2026):
 * grises (#202124, #5f6368, #f1f3f4), azul Google (#1a73e8 / #1967d2), semánticos tipo Gmail/Drive.
 */
:root {
    /*
     * Superficies · mismo eje que Gmail/Drive (canvas gris muy claro, tarjetas blancas).
     */
    --eduia-app-bg-main: #f0f2f5;
    --eduia-app-bg-panel: #ffffff;
    --eduia-app-bg-soft: #f1f3f4;
    --eduia-app-text: #202124;
    --eduia-app-text-muted: #5f6368;
    --eduia-app-primary: #1877f2;
    --eduia-app-accent: #188038;
    --eduia-app-warning: #f9ab00;
    --eduia-app-danger: #d93025;
    --eduia-app-border: rgb(60 64 67 / 0.12);

    /* Marca institucional (encabezados / pie editorial) */
    --eduia-brand: #1e2a38;
    --eduia-primary-navy: #182436;

    /* Botones y enlaces · azul Google (legacy que aún no leen --eduia-app-*) */
    --eduia-primary: #1a73e8;
    --eduia-secondary: #1557b0;
    /* Acento UI (antes morado): azul tipo Facebook */
    --eduia-accent: #1877f2;
    --eduia-accent-2: #166fe5;
    --eduia-chrome-accent: var(--eduia-accent);
    --eduia-primary-soft: #174ea6;

    /* Legacy --eduia-* siguen los tokens Workspace (--eduia-app-*) para un solo tema visual */
    --eduia-bg: var(--eduia-app-bg-main);
    --eduia-surface: var(--eduia-app-bg-panel);
    --eduia-surface-soft: var(--eduia-app-bg-soft);
    --eduia-text: var(--eduia-app-text);
    --eduia-muted: var(--eduia-app-text-muted);
    --eduia-border: var(--eduia-app-border);

    /* Paleta premium EduIA (navegación + mini apps; danger solo semántico) */
    --eduia-deep-blue: #0f2744;
    --eduia-deep-blue-2: #132a45;
    --eduia-cyan: #22d3ee;
    --eduia-cyan-soft: rgba(34, 211, 238, 0.16);
    --eduia-violet-soft: #a78bfa;
    --eduia-violet-muted: rgba(167, 139, 250, 0.18);
    --eduia-edu-green: #188038;
    --eduia-edu-green-soft: rgba(24, 128, 56, 0.14);
    --eduia-gray-light: #f1f3f4;
    --eduia-gray-muted: #e2e8f0;

    /* Acento UI 2027 (azul principal; coral solo decorativo, no menú) */
    --eduia-accent-soft: rgba(24, 119, 242, 0.12);
    --eduia-accent-warm: #ff8f7a;
    --eduia-accent-warm-soft: rgba(255, 143, 122, 0.14);
    --eduia-glass: rgba(255, 255, 255, 0.78);
    --eduia-glass-border: rgba(255, 255, 255, 0.52);
    --eduia-glass-shadow: 0 8px 32px rgb(15 39 68 / 0.08);

    /* Personalidad de módulo (sobrescritas por eduia_visual_system_2027.css) */
    --eduia-module-accent: var(--eduia-accent);
    --eduia-module-accent-2: var(--eduia-accent-2);
    --eduia-module-surface: var(--eduia-surface);
    --eduia-module-glow: rgba(24, 119, 242, 0.18);
    --eduia-module-gradient: linear-gradient(135deg, rgba(24, 119, 242, 0.14) 0%, rgba(255, 255, 255, 0) 72%);

    --eduia-success: #188038;
    --eduia-danger: #d93025;
    --eduia-warning: #f9ab00;

    /* Tokens modo oscuro legacy (sidebar/tooltip que aún no usan --eduia-app-*): Workspace Gmail oscuro */
    --eduia-dark-bg: #0a0e14;
    --eduia-dark-surface: #141b26;
    --eduia-dark-surface-2: #1a2230;
    --eduia-dark-border: rgb(255 255 255 / 0.1);
    --eduia-dark-text: #f8fafc;
    --eduia-dark-muted: #94a3b8;

    --eduia-ds-brand: var(--eduia-brand);
    --eduia-ds-accent: var(--eduia-accent);
    --eduia-ds-success: var(--eduia-success);
    --eduia-ds-danger: var(--eduia-danger);

    --eduia-radius-2xl: 20px;
    --eduia-radius-xl: 16px;

    --eduia-space-1: 8px;
    --eduia-space-2: 16px;
    --eduia-space-3: 24px;
    --eduia-space-4: 32px;

    /* Sombras tipo tarjeta Google (elevación suave) */
    --eduia-shadow-xs: 0 1px 2px rgb(60 64 67 / 0.12), 0 1px 3px 1px rgb(60 64 67 / 0.08);
    --eduia-shadow-md: 0 1px 3px rgb(60 64 67 / 0.16), 0 4px 8px 3px rgb(60 64 67 / 0.1);
    --eduia-shadow-hover: 0 2px 6px rgb(60 64 67 / 0.18), 0 8px 16px 4px rgb(60 64 67 / 0.12);

    --eduia-motion-quick: 200ms cubic-bezier(0.4, 0, 0.2, 1);
    --eduia-motion-smooth: 260ms cubic-bezier(0.4, 0, 0.2, 1);

    --eduia-font-heading: "Inter", "Signika", system-ui, sans-serif;

    --eduia-grad-accent-soft: linear-gradient(135deg, rgb(24 119 242 / 0.1) 0%, rgb(32 33 36 / 0.03) 100%);

    /* Ambiente IA (solo decorativo; tarjetas y texto siguen en --eduia-app-*) */
    --eduia-ai-brand: #1877f2;
    --eduia-ai-brand-soft: #4da3ff;
    --eduia-ai-hint: rgba(24, 119, 242, 0.06);

    /* Layout shell (header / sidebar / topbar móvil) */
    --eduia-header-height: 76px;
    --eduia-mobile-header-height: 62px;
    --eduia-mobile-topbar-h: var(--eduia-mobile-header-height);
    --eduia-sidebar-top: calc(var(--eduia-header-height) + 12px);
}

html.dark-mode,
html[data-theme="dark"],
body.dark-mode,
body[data-theme="dark"],
html.dark,
html.eduia-dark {
    /* Superficies en capas · mismo orden que Gmail/Drive tema oscuro */
    --eduia-app-bg-main: #0a0e14;
    --eduia-app-bg-panel: #141b26;
    --eduia-app-bg-soft: #1a2230;
    --eduia-app-text: #f8fafc;
    --eduia-app-text-muted: #94a3b8;
    --eduia-app-primary: #60a5fa;
    --eduia-app-accent: #81c995;
    --eduia-app-warning: #fdd663;
    --eduia-app-danger: #f28b82;
    --eduia-app-border: rgb(255 255 255 / 0.12);

    --eduia-bg: var(--eduia-app-bg-main);
    --eduia-surface: var(--eduia-app-bg-panel);
    --eduia-surface-soft: var(--eduia-app-bg-soft);
    --eduia-text: var(--eduia-app-text);
    --eduia-muted: var(--eduia-app-text-muted);
    --eduia-border: var(--eduia-app-border);

    --eduia-deep-blue: #0a1628;
    --eduia-deep-blue-2: #132a45;
    --eduia-cyan: #22d3ee;
    --eduia-cyan-soft: rgba(34, 211, 238, 0.14);
    --eduia-violet-soft: #c4b5fd;
    --eduia-violet-muted: rgba(196, 181, 253, 0.16);
    --eduia-edu-green: #81c995;
    --eduia-edu-green-soft: rgba(129, 201, 149, 0.14);
    --eduia-gray-light: #1a2230;
    --eduia-gray-muted: rgb(255 255 255 / 0.1);
    --eduia-glass: rgba(20, 27, 38, 0.82);
    --eduia-glass-border: rgba(255, 255, 255, 0.08);
    --eduia-glass-shadow: 0 8px 32px rgb(0 0 0 / 0.35);

    --eduia-accent-soft: rgba(66, 165, 255, 0.16);
    --eduia-accent-warm: #ffb4a8;
    --eduia-accent-warm-soft: rgba(255, 180, 168, 0.12);
    --eduia-glass: rgba(20, 27, 38, 0.78);
    --eduia-glass-border: rgba(255, 255, 255, 0.08);

    --eduia-module-accent: var(--eduia-accent);
    --eduia-module-accent-2: var(--eduia-accent-2);
    --eduia-module-surface: var(--eduia-surface);
    --eduia-module-glow: rgba(66, 165, 255, 0.22);
    --eduia-module-gradient: linear-gradient(135deg, rgba(66, 165, 255, 0.12) 0%, rgba(10, 14, 20, 0) 72%);

    --eduia-primary: #60a5fa;
    --eduia-secondary: #93c5fd;
    --eduia-accent: #42a5ff;
    --eduia-accent-2: #81c995;

    --eduia-success: #81c995;
    --eduia-danger: #f28b82;
    --eduia-warning: #fdd663;

    --eduia-dark-bg: #0a0e14;
    --eduia-dark-surface: #141b26;
    --eduia-dark-surface-2: #1a2230;
    --eduia-dark-border: rgb(255 255 255 / 0.1);
    --eduia-dark-text: #f8fafc;
    --eduia-dark-muted: #94a3b8;

    --eduia-dark-heading-strong: #fdfdfd;
    --eduia-dark-separator: rgb(255 255 255 / 0.12);

    --eduia-shadow-xs: 0 1px 2px rgb(0 0 0 / 0.25), 0 1px 3px 1px rgb(0 0 0 / 0.12);
    --eduia-shadow-md: 0 4px 8px 3px rgb(0 0 0 / 0.22), 0 1px 3px rgb(0 0 0 / 0.2);
    --eduia-shadow-hover: 0 8px 16px 4px rgb(0 0 0 / 0.28), 0 2px 6px rgb(0 0 0 / 0.2);

    --eduia-grad-accent-soft: linear-gradient(135deg, rgb(138 180 248 / 0.14) 0%, rgb(32 33 36 / 0.5) 100%);

    --eduia-ai-brand: #2d88ff;
    --eduia-ai-brand-soft: #4da3ff;
    --eduia-ai-hint: rgba(45, 136, 255, 0.09);
}