/* ==========================================================================
   Tokens de diseño — extraídos de Punto 360 (landing/index.html, 13-nov-2026)
   Paleta: marino + papel + dorado, Fraunces para display e Inter para cuerpo.
   ========================================================================== */
:root{
  /* Fondos de papel (claro) */
  --papel:#faf9f6;        --papel-2:#f4f2ec;
  /* Marino: base oscura de autoridad (héroe, encabezados de tabla, pie) */
  --marino:#0d1b2e;       --marino-2:#16283f;     --marino-3:#1e3651;
  --sobre-marino:#e8edf3; --sobre-marino-2:#9fb0c4;
  /* Texto sobre papel */
  --texto:#14202f;        --texto-medio:#48525f;  --texto-suave:#737b86;
  /* Dorado: acento de la casa (acción principal, rótulos, foco) */
  --dorado:#c9992b;       --dorado-osc:#a87d1c;   --dorado-claro:#e0b856;  --dorado-lav:#fdf6e6;
  /* Éxito y alerta */
  --exito:#127a52;        --exito-lav:#eff6f1;
  --alto:#8c2f1d;         --alto-lav:#fbf0ec;
  /* Bordes, radios y ritmo */
  --borde:rgba(13,27,46,.14);
  --r-sm:10px;  --r-md:16px;  --r-lg:26px;
  --ancho:1180px;
  --canal:clamp(20px,5vw,48px);
  --seccion:clamp(48px,7vw,96px);
  /* Tipografía */
  --display:'Fraunces',Georgia,serif;
  --cuerpo:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  box-sizing:border-box;
}