/* ══════════════════════════════════════════════════════════════
   SERENITY SPA — TOKENS CORPORATIVOS · FUENTE ÚNICA DE VERDAD
   ──────────────────────────────────────────────────────────────
   Un solo lugar para color, tipografía, espaciado, radios y easing.
   TODO el portal debe heredar de aquí (home, landings, checkout, blog).
   Identidad: ultra-luxury editorial (Aesop / Aman / ESPA / Le Labo).

   USO (migración, 1 línea por archivo, sin reescribir clases):
     @import url("/assets/serenity-tokens.css");
   y BORRAR el bloque :root local de ese archivo. Las clases que ya
   usan var(--gold), var(--rose), var(--burgundy), etc. siguen
   funcionando, pero ahora renderizan con la paleta corporativa.

   REGLA DE ORO: que NO se vea hecho por IA. Sin rosa saturado, sin
   teal/verde brillante de chat, sin emojis en CTA, sin tipografía
   de cuerpo Inter. Oro sobre negro/crema.

   ═════ POLÍTICA TIPOGRÁFICA (2026-07-17) ═════
   UNA SOLA FAMILIA: NEWSREADER (variable font, opsz 6-72, wght 300-600, italic).
   PROHIBIDO agregar Playfair Display, Cormorant Garamond, Space Grotesk,
   Inter, DM Serif Display, IBM Plex Sans, Fraunces, Instrument Serif,
   Inter Tight u otra familia. Ni en <link>, ni @import, ni font-family.
   Ver: POLITICA_TIPOGRAFIA_NEWSREADER.md · Tag rollback-pre-newsreader-2026-07-17.

   No tocar sin correr i18n-test (congruencia precios) y mantener
   Lighthouse ≥97. Checkpoint: tag rollback-pre-unificacion-2026-06-14.
   ══════════════════════════════════════════════════════════════ */

:root{
  /* ——— PRIMITIVOS · NEGROS / NEUTROS ——— */
  --black:#0a0a0a;
  --charcoal:#141414;
  --dark:#1a1a1a;
  --dim:#2a2a2a;
  --mid:#888888;
  --light:#c8c8c8;
  --offwhite:#f2efe9;
  --cream:#faf7f2;
  --white:#fefdfb;

  /* ——— PRIMITIVOS · ORO (acento único de marca) ——— */
  --gold:#c4a265;
  --gold-light:#d9bf8a;
  --gold-dark:#a68942;

  /* ——— TIPOGRAFÍA ——— */
  --serif:'Newsreader',Georgia,serif;
  --sans:'Newsreader','Helvetica Neue',sans-serif;
  --display:'Newsreader',Georgia,serif;

  /* ——— ESCALA DE ESPACIADO ——— */
  --space-1:.5rem; --space-2:1rem; --space-3:1.5rem;
  --space-4:2rem; --space-6:3rem; --space-8:4rem; --space-12:6rem;

  /* ——— RADIOS ——— */
  --radius-sm:6px; --radius-md:8px; --radius-lg:12px; --radius-pill:50px;

  /* ——— SOMBRAS (sobrias, sin glow) ——— */
  --shadow-sm:0 4px 14px -8px rgba(10,10,10,.18);
  --shadow-md:0 14px 36px -16px rgba(10,10,10,.22);
  --shadow-lg:0 24px 60px -24px rgba(10,10,10,.28);

  /* ——— EASING ——— */
  --ease:cubic-bezier(.25,.46,.45,.94);
  --ease-out:cubic-bezier(.16,1,.3,1);

  /* ════════════════════════════════════════════════════════════
     ALIAS DE MIGRACIÓN — remapean los nombres de los sistemas
     "rosa" (landing-plan.css) y "comercio" (inline) a la paleta
     corporativa. Al importar este archivo, esos sistemas convergen
     SIN renombrar clases. Los marcados ⚖ son decisiones de diseño
     que se validan visualmente al cablear.
     ════════════════════════════════════════════════════════════ */
  --ink:#141414;            /* texto principal → charcoal corporativo */
  --ink-soft:#2a2a2a;
  --mid-soft:#9b9b9b;
  --border:#e9e2d6;         /* borde cálido sobre crema */
  --border-soft:#f1ece2;
  --stone:#d8cfc3;

  --burgundy:#1a1a1a;       /* ⚖ vino → casi negro editorial (titulares/CTA) */
  --burgundy-dark:#0a0a0a;
  --rose:var(--gold-light); /* ⚖ acento rosa en cursiva → ORO (gesto del home) */
  --rose-soft:var(--gold);
  --blush:var(--cream);     /* ⚖ fondos rosa → crema corporativa */

  --wa:#2f4a3f;             /* ⚖ WhatsApp: verde eucalipto profundo, no #25D366 ni teal */
  --wa-dark:#223a30;

  /* ——— ALIAS SISTEMA COMERCIO (comprar-bono / checkout, naming --c-*) ——— */
  --c-burgundy:var(--charcoal);     /* ⚖ vino → casi negro editorial */
  --c-burgundy-dark:var(--black);
  --c-rose:var(--gold-light);       /* ⚖ acento rosa → oro */
  --c-blush:var(--cream);           /* ⚖ fondo blush → crema */
  --c-cream:var(--cream);
  --c-gold:var(--gold);             /* corrige el oro divergente #c9a779 → #c4a265 */
  --c-gold-dark:var(--gold-dark);
  --c-stone:var(--stone);
  --c-success:var(--wa);            /* verde de éxito sobrio, no chillón */
  --c-success-bg:#eef3f0;
}