/* ========================================================================== *
   LA 15 RUGBY — Tokens de diseño
   Crema + negro, con el dorado del escudo usado únicamente como acento.
 * ========================================================================== */

:root {
  /* --- Color ------------------------------------------------------------ */
  --cream:        #F4F0E7;
  --cream-2:      #EEE9DD;
  --cream-3:      #E6E1D8;
  --white:        #FFFFFF;

  --ink:          #090909;
  --ink-2:        #14140F;
  --ink-3:        #1F1E18;
  --forest:       #0C1F17;   /* verde del escudo */
  --forest-2:     #12291F;

  --gold:         #C99428;
  --gold-2:       #E0B662;
  --gold-3:       #8C6416;

  --text:         #1A1814;
  --text-soft:    #5F594E;
  --text-faint:   #8A8172;
  --on-dark:      #F4F0E7;
  --on-dark-soft: #A9A093;

  --line:         #D8D2C5;
  --line-dark:    rgba(244, 240, 231, .14);

  /* --- Tipografía -------------------------------------------------------- */
  --font-display: "Oswald", "Arial Narrow", "Haettenschweiler", sans-serif;
  --font-body:    "Barlow", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --fs-hero:   clamp(2.6rem, 6.6vw, 5.75rem);
  --fs-h1:     clamp(2.25rem, 5.4vw, 4.25rem);
  --fs-h2:     clamp(1.85rem, 3.9vw, 3.15rem);
  --fs-h3:     clamp(1.25rem, 2.1vw, 1.75rem);
  --fs-h4:     clamp(1.05rem, 1.5vw, 1.3rem);
  --fs-lead:   clamp(1.05rem, 1.35vw, 1.3rem);
  --fs-body:   clamp(.975rem, 1.05vw, 1.0625rem);
  --fs-small:  .875rem;
  --fs-micro:  .75rem;

  --tracking-display: -.005em;
  --tracking-kicker:  .22em;
  --tracking-btn:     .12em;

  /* --- Layout ------------------------------------------------------------ */
  --wrap:        1320px;
  --wrap-narrow: 960px;
  --wrap-text:   720px;
  --gutter:      clamp(1.25rem, 4.5vw, 3.5rem);
  --section-y:   clamp(4rem, 8.5vw, 8rem);
  --header-h:    76px;

  /* --- Otros -------------------------------------------------------------- */
  --radius:    2px;
  --radius-lg: 4px;
  --shadow-sm: 0 1px 2px rgba(9, 9, 9, .05), 0 6px 18px rgba(9, 9, 9, .05);
  --shadow-md: 0 2px 6px rgba(9, 9, 9, .07), 0 18px 44px rgba(9, 9, 9, .10);
  --shadow-lg: 0 30px 80px rgba(9, 9, 9, .22);
  --ease:      cubic-bezier(.22, .61, .36, 1);
  --dur:       .45s;
}

@media (max-width: 860px) {
  :root { --header-h: 64px; }
}