/* ==========================================================================
   VUELTA DEL CASTILLO — Design tokens
   Valores muestreados de los originales de marca (15-ago-2026).
   Verde #00351D = 47-49% del area en LOGO CUADRADO.JPG y HOJA LOGO.JPG
   ========================================================================== */

:root {
  /* --- Color -------------------------------------------------------- */
  --c-verde:          #00351D;  /* marca. header, footer, sello */
  --c-verde-vinilo:   #113720;  /* el del vinilo de fachada */
  --c-verde-deep:     #00240F;  /* hover, sombras */
  --c-verde-hoja:     #4C8B5A;  /* acento vivo sobre marfil */
  --c-marfil:         #F7F4EC;  /* fondo de pagina */
  --c-crema:          #EFE8D9;  /* cards, secciones alternas */
  --c-arena:          #C9A87C;  /* acento NEO-BELLEZA, CTA secundario */
  --c-arena-deep:     #A8875C;
  --c-arena-ink:      #7D5F35;  /* arena legible sobre fondo claro.
                                   #C9A87C sobre marfil da 2,04:1 (falla AA).
                                   Este da 5,37 sobre marfil y 4,84 sobre crema. */
  --c-tinta:          #1A2019;  /* texto */
  --c-tinta-soft:     #4A544A;  /* texto secundario */
  --c-blanco:         #FFFFFF;
  --c-error:          #B3261E;
  --c-linea:          rgba(0,53,29,.14);

  /* Contraste verificado:
     #FFFFFF sobre #00351D = 14,8:1 (AAA)
     #1A2019 sobre #F7F4EC = 14,6:1 (AAA) */

  /* --- Tipografia ---------------------------------------------------- */
  /* Playfair Display = equivalente libre a la serif didona del logo.
     Jost = equivalente libre a la geometrica de FARMA / NEO-BELLEZA. */
  --f-display: "Playfair Display", "Prata", Georgia, serif;
  --f-sans:    "Jost", "Jost Fallback", "Futura", "Century Gothic", system-ui, sans-serif;

  --fs-kicker:  .78rem;
  --fs-body:    1.0625rem;   /* 17px */
  --fs-lead:    1.1875rem;
  --fs-h3:      1.35rem;
  --fs-h2:      clamp(1.6rem, 1.2rem + 1.6vw, 2.4rem);
  --fs-h1:      clamp(2.1rem, 1.4rem + 3.2vw, 4rem);

  --ls-display: .02em;
  --ls-kicker:  .18em;

  /* --- Espacio ------------------------------------------------------- */
  --sp-1: .25rem; --sp-2: .5rem;  --sp-3: .75rem; --sp-4: 1rem;
  --sp-5: 1.5rem; --sp-6: 2rem;   --sp-7: 3rem;   --sp-8: 4rem;
  --sp-9: 6rem;
  --wrap: 1180px;
  --wrap-narrow: 720px;

  /* --- Otros --------------------------------------------------------- */
  --r-sm: 4px; --r-md: 10px; --r-lg: 18px; --r-pill: 999px;
  --sh-sm: 0 1px 3px rgba(0,53,29,.08);
  --sh-md: 0 6px 24px rgba(0,53,29,.10);
  --sh-lg: 0 18px 48px rgba(0,53,29,.16);
  --t: .25s cubic-bezier(.4,0,.2,1);
}