/* ============================================================
   tokens.css — la paleta y la letra de la versión Duna

   La misma familia que la versión clásica (negro frío, violeta
   lavanda, crema) con la arena como segundo color. Cada color tiene un
   papel; el azul sigue siendo el ÚNICO frío y significa lo mismo que
   allí: «Nota de estudio», lo que no es del libro.

   Syncopate es la display: ancha, geométrica, con tracking enorme —
   la letra de un título de desierto. El texto sigue en Space Grotesk y
   las etiquetas en Space Mono, como en la clásica.
   ============================================================ */

@font-face { font-family: 'Syncopate'; font-weight: 400; font-display: swap;
  src: url(../../vendor/fuentes/syncopate-400.woff2) format('woff2'); }
@font-face { font-family: 'Syncopate'; font-weight: 700; font-display: swap;
  src: url(../../vendor/fuentes/syncopate-700.woff2) format('woff2'); }
@font-face { font-family: 'Space Grotesk'; font-weight: 300 700; font-display: swap;
  src: url(../../vendor/fuentes/space-grotesk.woff2) format('woff2'); }
@font-face { font-family: 'Space Mono'; font-weight: 400; font-display: swap;
  src: url(../../vendor/fuentes/space-mono-400.woff2) format('woff2'); }
@font-face { font-family: 'Space Mono'; font-weight: 700; font-display: swap;
  src: url(../../vendor/fuentes/space-mono-700.woff2) format('woff2'); }

:root {
  /* Noche */
  --noche:        #0a070d;
  --noche-2:      #120b16;
  --noche-3:      #1a0f22;
  --panel:        rgba(12, 7, 15, 0.82);   /* fondo de lectura: la arena nunca pasa por el texto */
  --panel-2:      rgba(17, 10, 22, 0.96);

  /* Arena */
  --arena:        #a98ade;
  --arena-clara:  #cdb8f2;
  --arena-sombra: #4d3a7c;

  /* Violeta (el acento de siempre) */
  --violeta:      #9d6cf0;
  --violeta-hondo:#6a3fc4;
  --lavanda:      #cdb0ff;

  /* Texto */
  --crema:        #eee8f8;
  --crema-2:      #b3aac6;
  --crema-3:      #756c88;
  --tinta:        #0f0814;                  /* texto sobre violeta */

  /* El único frío: lo que no es del libro */
  --azul:         #2b7ea8;
  --azul-claro:   #8ccdee;

  /* El único cálido: lo que FALLA (un contraejemplo, una curva no rectificable,
     un error que no se va). Solo lo usan las figuras de js/viz/. */
  --alerta:       #ff8fae;

  --linea:        rgba(157, 108, 240, 0.5);
  --linea-arena:  rgba(169, 138, 222, 0.34);
  --linea-suave:  rgba(238, 232, 248, 0.10);

  --f-display: 'Syncopate', 'Space Grotesk', system-ui, sans-serif;
  --f-texto:   'Space Grotesk', system-ui, -apple-system, sans-serif;
  --f-mono:    'Space Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  --track: 0.32em;
  --hud: 60px;
  --lectura: 720px;
  --filete: 1.5px;
  --curva: cubic-bezier(0.2, 0.7, 0.1, 1);
}