/* ============================================================
   BLUE GYM · Design Tokens
   Paleta 100% azul: marino profundo + azul acero + azul brillante
   como acento. Edita aquí para re-tematizar todo el sitio.
   ============================================================ */

:root {
  /* ---- Fondos claros (base fría) ---- */
  --bg:       #edf1f5;   /* fondo base                         */
  --bg-2:     #e2e8ef;   /* paneles                            */
  --surface:  #ffffff;   /* tarjetas limpias                   */

  /* ---- Azules de marca ---- */
  --navy:     #0e2438;   /* marino profundo (secciones oscuras)*/
  --navy-2:   #173350;   /* panel marino más claro             */
  --blue:     #1f5c97;   /* azul acero (botones / estructura)  */
  --blue-ink: #164172;   /* azul profundo (hover)              */
  --azure:    #2f80cc;   /* azul brillante (acento)            */

  /* Alias de acento (se usa en todo el sitio) */
  --signal:   #2f80cc;   /* = azure                            */
  --signal-d: #2569ad;

  /* ---- Texto ---- */
  --ink:      #12212f;   /* texto principal sobre claro        */
  --ink-soft: #46586a;   /* texto secundario                   */
  --paper:    #f2f7fb;   /* texto claro sobre marino           */
  --fog:      #8ea4b6;   /* texto terciario sobre marino       */

  /* ---- Líneas ---- */
  --line:      #d3dbe3;  /* borde sobre claro                  */
  --line-dark: #274a68;  /* borde sobre marino                 */

  /* ---- Tipografía ---- */
  --f-display: "Oswald", "Arial Narrow", sans-serif;   /* titulares deportivos */
  --f-body:    "IBM Plex Sans", system-ui, sans-serif; /* cuerpo               */
  --f-mono:    "IBM Plex Mono", ui-monospace, monospace;/* etiquetas / datos   */

  /* ---- Escala tipográfica fluida ---- */
  --step--1: clamp(.8rem, .76rem + .2vw, .9rem);
  --step-0:  clamp(1rem, .96rem + .2vw, 1.08rem);
  --step-1:  clamp(1.15rem, 1.02rem + .6vw, 1.5rem);
  --step-2:  clamp(1.8rem, 1.25rem + 2.6vw, 3.1rem);
  --step-3:  clamp(2.6rem, 1.6rem + 5vw, 5.4rem);
  --step-hero: clamp(2.7rem, 1.5rem + 5.4vw, 6rem);

  /* ---- Layout ---- */
  --wrap: 1200px;
  --gap: clamp(1.25rem, 1rem + 2vw, 2.5rem);
  --pad-x: clamp(1.15rem, .6rem + 3vw, 2.75rem);
  --sec-y: clamp(4rem, 2.8rem + 5vw, 7.5rem);
  --radius: 8px;
  --radius-lg: 12px;

  /* ---- Sombras (neutras, suaves) ---- */
  --shadow-sm: 0 1px 2px rgba(14,36,56,.06), 0 4px 14px -8px rgba(14,36,56,.18);
  --shadow-md: 0 8px 30px -14px rgba(14,36,56,.38);

  /* ---- Motion ---- */
  --ease: cubic-bezier(.22, 1, .36, 1);
  --dur: .6s;
}