/* =====================================================================
   JUNKOS · Identidad: colores y fuentes
   Sustituye al «Copiar CSS» de Identidad para marcas (paso 4 del README).
   Si algún día se cambia un color o una fuente, se cambia AQUÍ y solo aquí.
   Se carga antes que junkos.css.
   ===================================================================== */

/* ---------- Fuentes, servidas desde la propia web ---------- */
@font-face{font-family:'Unbounded';font-style:normal;font-weight:800;font-display:swap;src:url('/recursos/fuentes/unbounded-latin-800-normal.woff2') format('woff2')}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:900;font-display:swap;src:url('/recursos/fuentes/unbounded-latin-900-normal.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('/recursos/fuentes/inter-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('/recursos/fuentes/inter-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('/recursos/fuentes/inter-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('/recursos/fuentes/inter-latin-700-normal.woff2') format('woff2')}
@font-face{font-family:'Permanent Marker';font-style:normal;font-weight:400;font-display:swap;src:url('/recursos/fuentes/permanent-marker-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'VT323';font-style:normal;font-weight:400;font-display:swap;src:url('/recursos/fuentes/vt323-latin-400-normal.woff2') format('woff2')}

:root{
  /* ---------- Colores ---------- */
  --bg:#070708;        /* fondo general */
  --bg2:#0d0d10;       /* fondos de bloque */
  --card:#101014;      /* tarjetas */
  --ink:#f1f1f3;       /* texto principal */
  --mut:#8d8d97;       /* texto secundario */
  --line:#24242b;      /* bordes y separadores */
  --acc:#b8ff3c;       /* acento: verde ácido, el de los láseres de la intro. Encima, texto negro */
  --acc-soft:rgba(184,255,60,.16);
  --chrome:linear-gradient(180deg,#ffffff 0%,#e4e7eb 28%,#80868f 49%,#f4f6f8 57%,#a9afb7 80%,#ffffff 100%);
  --rec:#ff2b2b;       /* cartel GRABANDO, solo en la puerta del estudio */

  /* Interfaz de los 90: solo dentro del ordenador */
  --w-face:#c0c0c0; --w-shadow:#808080; --w-dark:#404040; --w-light:#dfdfdf; --w-white:#fff;
  --w-title:linear-gradient(90deg,#000080,#1084d0); --w-sel:#000080;

  /* ---------- Fuentes ---------- */
  --fd:'Unbounded',system-ui,sans-serif;                 /* titulares */
  --fb:'Inter',system-ui,sans-serif;                     /* texto */
  --fm:'Permanent Marker','Segoe Print',sans-serif;      /* etiquetas de cinta */
  --fv:'VT323',ui-monospace,monospace;                   /* detalles de pantalla del ordenador */
  --win:Tahoma,Verdana,'DejaVu Sans',sans-serif;         /* interfaz del ordenador (del sistema) */
}