/* =====================================================================
   SOVEREIGNTY — Tema compartido
   Paleta, reset y utilidades comunes a todas las páginas.
   ===================================================================== */

:root {
  /* Paleta */
  --accent-red:       #ff123f;
  --accent-red-soft:  #f55a6b;
  --accent-blue:      #5accf5;
  --accent-blue-soft: #90caf9;
  --bg-black:         #000;
  --ink:              #e0e0e0;

  /* Tipografía */
  --font-display: 'Cinzel', serif;
  --font-mono:    'Kode Mono', monospace;

  /* Atmósfera */
  --scanline-color: rgba(0, 0, 0, 0.6);
  --glow-red: 0 0 8px rgba(255, 18, 63, 0.9),
              0 0 30px rgba(255, 18, 63, 0.55);
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body {
  width: 100%;
  height: 100%;
  background: var(--bg-black);
}

/* Foco visible por teclado — accesibilidad */
a:focus-visible,
button:focus-visible {
  outline: 2px solid var(--accent-blue);
  outline-offset: 3px;
  border-radius: 2px;
}

/* Textura de scanlines reutilizable (cada página define su opacidad) */
.scanlines {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 100;
  background: repeating-linear-gradient(
    0deg,
    var(--scanline-color) 0px,
    var(--scanline-color) 1px,
    transparent 2px,
    transparent 3px
  );
}