/* ============================================================
   TOKENS.CSS — STH Hotel
   Guía de Estilo v1.0
   Editar aquí para cambiar colores, tipografías o espaciados.
   Nunca editar valores de diseño en las plantillas ni en style.css
   ============================================================ */

:root {

  /* ── PALETA PRINCIPAL ── */
  --c-verde:      #00343d;   /* verde oscuro — estructura, cabeceras */
  --c-burdeos:    #570f4f;   /* burdeos — acentos, subtítulos */
  --c-dorado:     #e8ce94;   /* dorado — detalles decorativos */

  /* ── PALETA DE APOYO CLARA ── */
  --c-grisverde:  #bfc4b9;   /* gris verde — fondos sección, testimonios */
  --c-oliva:      #b1b27e;   /* oliva — elementos interactivos */
  --c-salmon:     #ebc7b2;   /* salmón — sección pet-friendly */

  /* ── PALETA COMPLEMENTARIA ── */
  --c-lavanda:    #ddcbd5;   /* lavanda — sección experiencias */
  --c-azulgris:   #a4c0c8;   /* azul gris — sección SlowCoffe */
  --c-terracota:  #c9654e;   /* terracota — uso puntual */

  /* ── SUPERFICIES ── */
  --c-blanco:     #ffffff;   /* blanco (guía) */
  --c-calido:     #f2f0ea;   /* fondo principal de página */

  /* ── TEXTO ── */
  --c-texto:      #2c2c2c;   /* cuerpo principal */
  --c-muted:      rgba(44,44,44,.78); /* texto secundario: #2c2c2c de la guía al 78 % */

  /* ── TIPOGRAFÍAS ── */
  --f-titulo:     'Medula One', Georgia, serif;     /* H1, títulos display */
  --f-cuerpo:     'Arimo', Arial, sans-serif;        /* todo lo demás */

  /* ── ESCALA TIPOGRÁFICA ── */
  --fs-eyebrow:   0.68rem;   /* etiquetas superiores */
  --fs-body-sm:   0.78rem;   /* texto pequeño, metadatos */
  --fs-body:      0.90rem;   /* cuerpo estándar */
  --fs-lead:      1.00rem;   /* párrafo destacado */
  --fs-h3:        1.55rem;   /* títulos de card */
  --fs-h2-min:    2.80rem;   /* título sección mínimo */
  --fs-h2-max:    5.50rem;   /* título sección máximo */
  --fs-h1-min:    4.00rem;   /* hero mínimo */
  --fs-h1-max:    8.00rem;   /* hero máximo */

  /* ── ESPACIADO ── */
  --sp-xs:   0.5rem;
  --sp-sm:   1.0rem;
  --sp-md:   1.5rem;
  --sp-lg:   2.5rem;
  --sp-xl:   4.0rem;
  --sp-2xl:  7.0rem;

  /* ── RADIO / BORDES ── */
  --radius-none: 0;          /* STH usa esquinas rectas */

  /* ── SOMBRAS ── */
  --shadow-card: 0 4px 24px rgba(0, 52, 61, 0.10);
  --shadow-nav:  0 1px 0 rgba(0, 52, 61, 0.08);

  /* ── TRANSICIONES ── */
  --ease:      cubic-bezier(0.16, 1, 0.3, 1);
  --ease-std:  cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --dur-fast:  0.2s;
  --dur-base:  0.4s;
  --dur-slow:  0.8s;

  /* ── NAV ── */
  --nav-h:       80px;       /* altura nav — usada en scroll-padding-top */
  --nav-pad-x:   4rem;

  /* ── LOGO ── */
  --logo-h:      48px;       /* altura del logo en nav */
  --logo-h-ft:   56px;       /* altura del logo en footer */

  /* ── PARALLAX VELOCIDADES ── */
  --px-bg:       0.45;       /* fondo hero: más lento = más lejos */
  --px-cnt:      0.08;       /* contenido: casi fijo = más cerca */
  --px-pet:      50px;       /* recorrido parallax sección pet */
}

/* ── FUENTES (servidas desde nuestro servidor: más rápido y sin enviar datos a Google) ── */
@font-face{font-family:'Medula One';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/medula-one-latin-400-normal.woff2) format('woff2');}
@font-face{font-family:'Arimo';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/arimo-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Arimo';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/arimo-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Arimo';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/arimo-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Arimo';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/arimo-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Arimo';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/arimo-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Arimo';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/arimo-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}