/* ============================================================
   EXITUS / PORTAL FLOW — Design Tokens
   Login del Portal Educativo Exitus (Piura, Perú)
   ============================================================ */

:root {
    /* ── 01. Paleta Institucional Reinterpretada ── */
    --exitus-midnight:       #060A12;   /* Fondo estructural profundo */
    --exitus-navy:           #0A1120;   /* Deep Navy principal */
    --exitus-navy-elevated:  #0F192E;   /* Superficie base elevada */
    --exitus-blue:           #1D4ED8;   /* Azul institucional Exitus */
    --exitus-blue-bright:    #2563EB;   /* Azul institucional brillante */
    --exitus-blue-glow:      rgba(37, 99, 235, 0.22);
    --exitus-cyan-soft:      #38BDF8;   /* Acento secundario tecnológico */

    --exitus-yellow:         #F5B50A;   /* Signal Yellow — Energía Exitus */
    --exitus-yellow-hover:   #FBBF24;   /* Signal Yellow hover */
    --exitus-yellow-glow:    rgba(245, 181, 10, 0.28);
    --exitus-yellow-deep:    #B45309;

    --exitus-cloud:          #F8FAFC;   /* Blanco cálido editorial */
    --exitus-mist:           #94A3B8;   /* Gris azulado para metadatos */
    --exitus-steel:          #64748B;   /* Secundarios y bordes pasivos */
    --exitus-muted:          #475569;   /* Bordes muy tenues */

    --exitus-surface:        rgba(15, 25, 46, 0.68);
    --exitus-surface-solid:  #0D1629;
    --exitus-surface-input:  rgba(255, 255, 255, 0.04);
    --exitus-surface-hover:  rgba(255, 255, 255, 0.07);

    --exitus-border:         rgba(248, 250, 252, 0.08);
    --exitus-border-subtle:  rgba(248, 250, 252, 0.04);
    --exitus-border-focus:   #F5B50A;
    --exitus-border-hover:   rgba(245, 181, 10, 0.35);

    --exitus-success:        #10B981;
    --exitus-success-glow:   rgba(16, 185, 129, 0.25);
    --exitus-danger:         #F87171;
    --exitus-danger-glow:    rgba(248, 113, 113, 0.22);

    /* ── 02. Tipografía ── */
    --font-heading: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-body:    'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-mono:    ui-monospace, 'SF Mono', 'Cascadia Mono', 'JetBrains Mono', Consolas, monospace;

    /* ── 03. Radios de Curvatura ── */
    --radius-panel: 28px;
    --radius-module: 20px;
    --radius-input: 16px;
    --radius-btn: 16px;
    --radius-chip: 9999px;
    --radius-micro: 8px;

    /* ── 04. Motion Tokens ── */
    --motion-instant: 90ms;
    --motion-fast:    160ms;
    --motion-ui:      240ms;
    --motion-panel:   380ms;
    --motion-ambient: 12s;
    --ease-interface: cubic-bezier(0.2, 0.8, 0.2, 1);
    --ease-spring:    cubic-bezier(0.16, 1, 0.3, 1);

    /* ── 05. Sistema de Profundidad (Depth Z-Index) ── */
    --z-living-gradient: 0;
    --z-grid-shapes:     1;
    --z-orbit:           2;
    --z-hero-modules:    4;
    --z-header:          10;
    --z-access-panel:    15;
    --z-modal:           100;
    --z-pwa:             9999;

    /* ── 06. Contenedores y Layout ── */
    --layout-max-width:  1440px;
    --panel-max-width:   480px;

    /* ── 07. Dinámicas del Cursor y Ambiente ── */
    --cursor-shift-x: 0px;
    --cursor-shift-y: 0px;
}