/* ============================================================
   DESIGN TOKENS — NUESTRO VIAJE  (regla §24: NO modificar identidad)
   Azul noche + atardecer + melocotón + dorado + elegancia + privacidad.
   ⚠️ Fuentes: en esta micro-entrega se cargan desde Google Fonts (index.html)
   para verlas YA. Para offline 100% desde el minuto cero, en pulido se
   empaquetan los .woff2 en ./assets/fonts/ y se activan los @font-face
   locales de abajo (descomentar y ajustar rutas). El diseño NO cambia.
   ============================================================ */
:root {
  /* --- color: superficies noche --- */
  --night-900:#07112A; --night-800:#0A1730; --night-700:#0E1E3C;
  --surface:#122A4D;   --surface-2:#16315A;
  --hairline: rgba(120,160,220,.18);
  --hairline-strong: rgba(140,180,235,.30);

  /* --- color: acentos cálidos (atardecer) --- */
  --peach-100:#FBE3CF; --peach-300:#F3C9A6; --peach-500:#EBA98A; --peach-700:#D98E6E;
  --gold:#E8C07D;      --gold-soft:#F0D49A;
  /* recalibrado a sol poniente real (azul noche → índigo → ámbar → melocotón),
     ya no morado-lavanda. La bienvenida usa el SVG, pero este token queda
     correcto como fallback plano para futuras pantallas. */
  --sunset-grad: linear-gradient(180deg,#0A1730 0%, #152148 18%, #2C2A5C 36%, #5A3A62 54%, #9A5A5C 70%, #D98E6E 84%, #F3C9A6 94%, #FBE3CF 100%);

  /* --- texto --- */
  --text:#EAF1FB; --text-dim:#8FA6C8; --text-faint:#5E739A;
  --online:#5FBF8F;

  /* --- tipografía (dual: manuscrita + sans, como el mockup) --- */
  --font-script:'Dancing Script', 'Segoe Script', cursive;   /* títulos/frases */
  --font-ui:'Manrope', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  /* --- forma / profundidad --- */
  --r-sm:10px; --r-md:16px; --r-lg:22px; --r-pill:999px;
  --shadow-soft: 0 10px 30px rgba(3,8,20,.45);
  --shadow-card: 0 6px 18px rgba(3,8,20,.35), inset 0 1px 0 rgba(255,255,255,.04);
  --glow-peach: 0 0 0 1px rgba(243,201,166,.25), 0 8px 24px rgba(217,142,110,.25);

  /* --- layout --- */
  --nav-h: 64px; --safe-b: env(safe-area-inset-bottom, 0px); --safe-t: env(safe-area-inset-top, 0px);
}

/* @font-face locales (descomentar en pulido / offline estricto):
@font-face{font-family:'Dancing Script';src:url('../assets/fonts/dancing-script.woff2') format('woff2');font-display:swap;}
@font-face{font-family:'Manrope';src:url('../assets/fonts/manrope-var.woff2') format('woff2');font-display:swap;}
*/