/* ════════════════════════════════════════════════════════════
   base.css · TIGRE NINJA
   Estilos COMPARTIDOS por toda la web (intro, terminal, main…).
   Aquí viven: paleta de color, tipografía, reset y atmósfera global.
   No incluir nada específico de una sola pantalla.
   Estética de referencia: dojo.html (tinta · oro · cian · rojo).
   ════════════════════════════════════════════════════════════ */

:root{
  /* — Fondos — */
  --ink:#07070e;   --ink2:#0d0d1a;  --ink3:#131326;
  /* — Acentos — */
  --gold:#c8a227;  --goldl:#e8c14a; --goldd:rgba(200,162,39,.13);
  --cyan:#00cfe0;  --red:#e03950;
  /* — Texto — */
  --parchment:#ede6d6; --pdim:#65604f; --dim:#272540;
  /* — Bordes — */
  --border:rgba(255,255,255,.06); --border-g:rgba(200,162,39,.24);
  /* — Tipografía — */
  --fd:'Cinzel',serif;            /* display  */
  --fb:'Jost',sans-serif;         /* cuerpo   */
  --fm:'Share Tech Mono',monospace;/* mono/UI  */
  --fj:'Noto Serif JP',serif;     /* kanji    */
  /* — Movimiento — */
  --ease:cubic-bezier(.23,1,.32,1);
  --transition-fast:200ms ease;
}

/* ── Reset ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html,body{width:100%;height:100%;background:var(--ink)}
body{font-family:var(--fb);color:var(--parchment)}
a{color:inherit;text-decoration:none}
button{cursor:pointer;border:none;background:none;font-family:inherit;color:inherit;outline:none}
input{font-family:inherit;color:inherit;outline:none}
::selection{background:var(--goldd);color:var(--goldl)}

/* ── Atmósfera global: grano/ruido sutil sobre toda la web ── */
body::after{
  content:'';position:fixed;inset:0;pointer-events:none;z-index:9990;
  background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  opacity:.018;
}
/* Parpadeo de scanline (lo dispara el JS añadiendo .flk al body) */
@keyframes scanFlk{0%,100%{opacity:1}50%{opacity:.55}}
body.flk::after{animation:scanFlk .1s steps(1) forwards}