/* ═══════════════════════════════════════════════════════════════════════
   TOKENS DE MARCA · ÉLITE XAU Signals
   Colores, tipografías, sombras, radios y curvas. La capa más baja del
   sistema: todo lo demás se construye encima y nada de aquí depende de nada.

   Se carga SIEMPRE antes que styles.css y que la hoja de cada landing, que
   es el orden en que se resuelven las variables.

   Estas 25 declaraciones estaban dentro de styles.css desde el principio y
   /ca ya las usaba: esto no cambia ningún valor, solo las saca a su propio
   fichero para que una landing pueda heredarlas sin arrastrar la portada.
   Movido el 14-ago-2026, verificado píxel a píxel.
   ═══════════════════════════════════════════════════════════════════════ */

/* ---------- tokens ---------- */
:root{
  --bg:        #0A0908;
  --bg-2:      #0E0D0B;
  --surface:   #141210;
  --surface-2: #1A1714;
  --line:      rgba(233,226,212,.09);
  --line-2:    rgba(233,226,212,.15);

  --ink:       #EFEAE0;
  --ink-2:     #B3AB9C;
  --ink-3:     #7E7768;

  --gold:      #C9A961;
  --gold-hi:   #E6CD90;
  --gold-dim:  rgba(201,169,97,.13);

  /* Luz y materia. Las sombras se tiñen del fondo, nunca negro puro. */
  --lift:      0 1px 0 rgba(255,255,255,.05) inset;
  --shadow-sm: 0 10px 30px -14px rgba(0,0,0,.75);
  --shadow-lg: 0 40px 90px -40px rgba(0,0,0,.85), 0 2px 10px -4px rgba(0,0,0,.5);
  --glow:      0 18px 46px -18px rgba(201,169,97,.4);

  --r-shell: 20px;
  --r:       14px;
  --r-btn:   12px;

  --wrap: 1200px;
  --ease:  cubic-bezier(.32,.72,0,1);
  --ease-s: cubic-bezier(.22,1,.36,1);

  --f-sans: "Archivo", ui-sans-serif, system-ui, "Helvetica Neue", Arial, sans-serif;
  --f-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  color-scheme: dark;
}