/* NEXORA — Design tokens (única fuente de verdad visual) */
:root {
  /* Color: base cinematográfica */
  --nx-bg:            #07070a;
  --nx-bg-elev-1:     #0e0e14;
  --nx-bg-elev-2:     #14141c;
  --nx-bg-elev-3:     #1c1c26;
  --nx-line:          rgba(255,255,255,.09);
  --nx-line-strong:   rgba(255,255,255,.16);

  /* Color: identidad */
  --nx-red:           #f20d35;
  --nx-red-deep:      #9d0926;
  --nx-red-glow:      rgba(242,13,53,.35);
  --nx-gold:          #ffc75a;

  /* Texto */
  --nx-text:          #f7f7fa;
  --nx-text-dim:      #c9c9d4;
  --nx-text-mute:     #8e8e9c;

  /* Tipografía */
  --nx-font:          "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --nx-fs-hero:       clamp(26px, 4.2vw, 52px);
  --nx-fs-h1:         clamp(20px, 2.6vw, 30px);
  --nx-fs-h2:         17px;
  --nx-fs-body:       14px;
  --nx-fs-small:      12px;

  /* Espaciado */
  --nx-gap-row:       28px;
  --nx-pad-view:      clamp(16px, 4vw, 56px);
  --nx-rad-card:      10px;
  --nx-rad-ui:        12px;

  /* Sombras y profundidad */
  --nx-shadow-card:   0 10px 30px rgba(0,0,0,.55);
  --nx-shadow-pop:    0 18px 50px rgba(0,0,0,.7);
  --nx-glow-red:      0 0 24px var(--nx-red-glow);

  /* Layout */
  --nx-topbar-h:      68px;
  --nx-sidebar-w:     92px;
  --nx-card-w:        168px;
  --nx-card-h:        236px;

  /* Movimiento */
  --nx-ease:          cubic-bezier(.22,.8,.28,1);
  --nx-dur:           .22s;

  /* Foco (mando / teclado) */
  --nx-focus-ring:    0 0 0 3px rgba(242,13,53,.85);
}