/**
 * Liceo Jacinto — Design tokens
 * Fuente única de colores, tipografía y espaciado del sistema.
 */
:root {
    /* Colores institucionales */
    --lj-color-primary: #0f172a;
    --lj-color-primary-dark: #020617;
    --lj-color-primary-mid: #1e293b;
    --lj-color-secondary: #2563eb;
    --lj-color-secondary-hover: #1d4ed8;
    --lj-color-accent: #ef4444;

    /* Superficies y texto */
    --lj-color-surface: #ffffff;
    --lj-color-page-bg: #f8fafc;
    --lj-color-text: #0f172a;
    --lj-color-text-muted: #64748b;
    --lj-color-border: #f1f5f9;
    --lj-color-border-light: #e2e8f0;

    /* Estados semánticos */
    --lj-color-success: #198754;
    --lj-color-info: #0dcaf0;
    --lj-color-warning: #ffc107;
    --lj-color-danger: #dc3545;

    /* Sidebar y navegación */
    --lj-color-sidebar-text: #334155;
    --lj-color-sidebar-hover-bg: #eaf2ff;
    --lj-color-sidebar-active-text: #0f3d8a;

    /* Tipografía */
    --lj-font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    --lj-font-size-base: 1rem;
    --lj-font-size-sm: 0.875rem;
    --lj-font-size-xs: 0.75rem;
    --lj-font-weight-semibold: 600;
    --lj-font-weight-bold: 700;

    /* Espaciado */
    --lj-space-1: 0.25rem;
    --lj-space-2: 0.5rem;
    --lj-space-3: 0.75rem;
    --lj-space-4: 1rem;
    --lj-space-5: 1.25rem;
    --lj-space-6: 1.5rem;
    --lj-space-8: 2rem;

    /* Bordes y sombras */
    --lj-radius-sm: 8px;
    --lj-radius-md: 10px;
    --lj-radius-lg: 12px;
    --lj-radius-xl: 14px;
    --lj-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --lj-shadow-md: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px -1px rgba(0, 0, 0, 0.05);
    --lj-shadow-lg: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.05);

    /* Compatibilidad con estilos previos (Fases 1–2) */
    --primary-color: var(--lj-color-primary);
    --secondary-color: var(--lj-color-secondary);
    --accent-color: var(--lj-color-accent);
    --surface-color: var(--lj-color-surface);
    --page-bg: var(--lj-color-page-bg);
    --muted-text: var(--lj-color-text-muted);
}