/**
 * 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: #f8f9fa;
    --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: #1877f2;
    --eduia-secondary: #166fe5;
    /* Acento UI (antes morado): azul tipo Facebook */
    --eduia-accent: #1877f2;
    --eduia-accent-2: #166fe5;
    --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);

    --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: #202124;
    --eduia-dark-surface: #292a2d;
    --eduia-dark-surface-2: #35363a;
    --eduia-dark-border: rgb(255 255 255 / 0.12);
    --eduia-dark-text: #e8eaed;
    --eduia-dark-muted: #9aa0a6;

    --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%);

    /* 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: #202124;
    --eduia-app-bg-panel: #292a2d;
    --eduia-app-bg-soft: #35363a;
    --eduia-app-text: #e8eaed;
    --eduia-app-text-muted: #9aa0a6;
    --eduia-app-primary: #8ab4f8;
    --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-primary: #8ab4f8;
    --eduia-secondary: #aecbfa;
    --eduia-accent: #42a5ff;
    --eduia-accent-2: #81c995;

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

    --eduia-dark-bg: #202124;
    --eduia-dark-surface: #292a2d;
    --eduia-dark-surface-2: #35363a;
    --eduia-dark-border: rgb(255 255 255 / 0.12);
    --eduia-dark-text: #e8eaed;
    --eduia-dark-muted: #9aa0a6;

    --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%);
}