/* ============================================================
   CHACKPOWER · NÚCLEO — TOKENS DE DISEÑO
   Paleta derivada del ambiente real del juego (CicloDiaNoche.gd,
   MenuAvatar.gd): cielo gris azulado, niebla y luz ámbar cálidas,
   superficies marrón-gris. El rojo se reserva para hostil/demoníaco.
   Cada sitio puede SOBREESCRIBIR estas variables en su identidad.css
   (generada por el build desde sitio.config.json).
   ============================================================ */

/* --- Tipografías autoalojadas (sin solicitudes externas en runtime) --- */
@font-face {
  font-family: "Saira Condensed";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fuentes/saira-condensed-latin-500-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Saira Condensed";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fuentes/saira-condensed-latin-600-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Saira";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fuentes/saira-latin-400-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Saira";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fuentes/saira-latin-700-normal.woff2") format("woff2");
}

/* --- Tokens base (extraídos del juego real, sitio oscuro neutro) --- */
:root {
  /* superficies (marrón-gris del suelo del menú del avatar) */
  --__fondo:             #171310;  /* casi negro cálido  */
  --__fondo-elevado:     #201b17;
  --__panel:             #2a241f;  /* estado base de paneles */
  --__panel-flotante:    #322b25;
  --__borde:             #3d352c;
  --__borde-fuerte:      #5a4c3d;

  /* texto */
  --__texto:             #ede4d7;
  --__texto-suave:       #b3a695;
  --__texto-mudo:        #8a7d6d;

  /* acentos derivados de la niebla y la luz del juego */
  --__acento:            #f3c473;  /* ámbar de la luz direccional */
  --__acento-invertido:  #171310;  /* texto sobre acento */
  --__acento-frio:       #7d89a6;  /* cielo del atardecer, uso secundario */
  --__peligro:           #c34e42;  /* reservado: demonio / hostil / daño */

  /* sobre esto NO va el acento: fondos de bandas y hero */
  --__banda:             linear-gradient(180deg, #1c1712 0%, #171310 100%);

  /* tipografía */
  --__fuente-titulo: "Saira Condensed", "Arial Narrow", system-ui, sans-serif;
  --__fuente-texto:  "Saira", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* escala tipográfica fluida */
  --__tam-xxg: clamp(2.6rem, 7vw, 4.6rem);
  --__tam-xg:  clamp(2rem, 4.5vw, 3rem);
  --__tam-g:   clamp(1.4rem, 2.5vw, 1.9rem);
  --__tam-m:   1.125rem;
  --__tam-base:1rem;
  --__tam-p:   .875rem;
  --__tam-min: .75rem;

  /* espaciado */
  --__esp-1: .35rem;  --__esp-2: .7rem;   --__esp-3: 1.1rem;
  --__esp-4: 1.8rem;  --__esp-5: 2.8rem;   --__esp-6: 4.5rem;

  /* formas y bordes */
  --__radio: 3px;              /* paneles sobrios: radios chicos */
  --__radio-tarjeta: 4px;
  --__borde-panel: 1px solid var(--__borde);
  --__sombra: 0 6px 24px rgb(0 0 0 / .35);
  --__linea-acento: 2px;

  /* ancho de contenido */
  --__ancho-max: 72rem;
  --__ancho-lectura: 42rem;

  /* tiempos */
  --__t-rapido: .15s;
  --__t-normal: .3s;

  /* foco */
  --__foco: 0 0 0 2px var(--__acento), 0 0 0 4px #171310;
}

/* ============================================================
   FUENTES DE REFERENCIA — NO SON VARIABLES DEL SITIO
   (valores tomados del proyecto Godot para trazabilidad)
   Cielo superior ........ Color(0.32, 0.36, 0.45)  ≈ #525c73
   Horizonte cálido ...... Color(0.78, 0.62, 0.45)  ≈ #c79e73
   Niebla ................ Color(0.72, 0.60, 0.48)  ≈ #b8997a
   Luz direccional ....... Color(1.00, 0.86, 0.68)  ≈ #ffdbae
   Panel/suelo ........... Color(0.26, 0.24, 0.22)  ≈ #423d38
   Suelo oscuro .......... Color(0.12, 0.10, 0.09)  ≈ #1f1917
   ============================================================
*/