/* TEST AND RENT GOLF SETS · design tokens
   ========================================
   REGLA DURA (brief §3): todo valor de diseño vive AQUÍ como variable CSS.

   IDENTIDAD APROBADA (31-08-2026): deriva del logotipo elegido —el golfista de trazo
   caligráfico—. El verde bosque #01442F está MUESTREADO del propio trazo; el latón es el
   único acento; los filetes finos de 1px replican la caligrafía del símbolo. Titulares
   Marcellus (aire de placa de club), cuerpo Albert Sans. Sustituye a la propuesta
   provisional verde-musgo/Instrument previa al logotipo. */

:root {

  /* ---------- Paleta ---------- */
  --c-green:  #01442F;   /* Verde bosque (del trazo del logo) · cabecera-topbar, pie, secciones oscuras, CTA */
  --c-green-2:#012B1E;   /* Verde profundo · hover del CTA */
  --c-fairway:#01442F;   /* alias heredado: componentes antiguos apuntan aquí */
  --c-mist:   #EAF1ED;   /* Bruma · fondos de sección clara */
  --c-paper:  #FBFBF7;   /* Papel · fondo general */
  --c-brass:  #CBB877;   /* Latón claro · SOLO sobre verde oscuro (cifras, antetítulos en oscuro, botón newsletter) */
  --c-brass-2:#7D6930;   /* Latón profundo · antetítulos y filetes sobre papel (contraste AA) */
  --c-ink:    #12211A;   /* Tinta */
  --c-grey:   #66736B;   /* Gris verdoso · texto secundario (AA sobre papel) */
  --c-line:   #C9D6CC;   /* Filete fuerte */
  --c-line-2: #E3EAE4;   /* Filete suave · bordes de tarjeta y cabecera */

  /* Semánticos */
  --c-ok:    #2F6B4F;
  --c-warn:  #A8701C;
  --c-error: #8C2F2F;

  /* Derivados de uso */
  --c-hero-overlay-a: rgba(1, 36, 25, .82);
  --c-hero-overlay-b: rgba(1, 68, 47, .10);
  --c-white: #FFFFFF;
  --c-verde-borde: #2E6B54;      /* filetes sobre verde oscuro */
  --c-texto-sobre-verde: #CFE0D5;
  --c-texto-suave-verde: #A9C3B4;

  /* ---------- Tipografía ---------- */
  --ff-display: "Marcellus", Georgia, "Times New Roman", serif;  /* H1 y H2: romana lapidaria */
  --ff-body:    "Albert Sans", "Segoe UI", Arial, sans-serif;
  --ff-mono:    "JetBrains Mono", "Consolas", monospace;         /* fechas, specs, datos */

  --fs-display: clamp(2.6rem, 5.5vw, 4.5rem);
  --lh-display: 1.06;
  --ls-display: 0;

  --fs-h2: clamp(1.9rem, 3.2vw, 2.75rem);
  --lh-h2: 1.12;
  --ls-h2: 0;

  --fs-h3: 1.45rem;
  --fs-h4: 1.2rem;

  --fs-body: 1.0325rem;
  --lh-body: 1.68;
  --max-ch: 68ch;

  --fs-small: .875rem;

  --fs-eyebrow: .75rem;      /* uppercase · tracking amplio · 600 */
  --ls-eyebrow: .3em;

  --fs-mono: .9375rem;

  /* ---------- Espaciado, radios, sombras, movimiento ---------- */
  --sp-1: 4px;  --sp-2: 8px;   --sp-3: 12px;  --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px;  --sp-7: 48px;  --sp-8: 64px;
  --sp-9: 96px; --sp-10: 128px; --sp-11: 160px;

  --sec-y-movil: var(--sp-9);
  --sec-y-escritorio: var(--sp-11);

  --contenedor: 1312px;
  --gutter-movil: 22px;
  --gutter-escritorio: 64px;

  --r-sm: 4px;  --r-md: 6px;  --r-lg: 10px;
  --r-tag: 10px;
  --r-full: 999px;

  --sh-1: 0 1px 2px rgba(1,45,31,.06);
  --sh-2: 0 8px 24px rgba(1,45,31,.10);
  --sh-3: 0 24px 60px rgba(1,45,31,.14);

  --ease: cubic-bezier(.16,1,.3,1);
  --t-fast: 160ms;
  --t-base: 280ms;
  --t-slow: 600ms;
  --zoom-img: 1.05;       /* acercamiento de la foto al pasar el cursor (imágenes vivas) */
}