/* ═══════════════════════════════════════════════════════════════
   BANDERA DEL MAR: tokens de marca
   Paleta: manual de rebranding §6.4 (identidad-marca-bandera-del-mar.md)
   Regla dura: nunca negro ni gris, ni en texto, ni en sombras.
   ═══════════════════════════════════════════════════════════════ */
:root {
  /* ── Paleta oficial ── */
  --coral:        #FF5B56;
  --naranja:      #FF8B41;
  --lima:         #B9C667;
  --lima-clara:   #C2D15C;
  --azul:         #2F7AC8;
  --azul-vivo:    #167BE6;
  --marino:       #123D55;
  --amarillo:     #FFF260;
  --amarillo-2:   #FEEE3A;
  --hueso:        #E6E6D0;
  --crema:        #FFFAF4;
  --tinta:        #032737;   /* texto principal (azul casi negro) */

  /* ── Tintes secundarios (fondos suaves, no paleta oficial) ── */
  --tinte-amarillo: #FFEE79;
  --tinte-arena:    #FFEEA8;
  --tinte-brisa:    #ECEFE0;

  /* ── Roles ── */
  --fondo:        var(--crema);
  --texto:        var(--tinta);
  --texto-suave:  #33555f;               /* tinta aclarada, nunca gris */
  --accion:       var(--amarillo);       /* botón primario: amarillo + texto marino = 9.9:1 */
  --accion-texto: var(--marino);

  /* Sombra tintada de marino, jamás negra */
  --sombra-suave: 0 10px 30px rgba(18, 61, 85, .14);
  --sombra-alta:  0 22px 60px rgba(18, 61, 85, .22);

  /* ── Tipografía ──
     Oficiales de marca (pendientes de licencia web):
       display   → Recoleta Alt
       sans      → Champagne & Limousines
       manuscrita→ Limbo Whiteboard
     Sustitutas provisionales de Google Fonts (mismos roles): */
  --fuente-display: "Fraunces", "Recoleta Alt", "Recoleta", Georgia, serif;
  --fuente-sans:    "Jost", "Champagne & Limousines", "Century Gothic", "Avenir", sans-serif;
  --fuente-mano:    "Caveat", "Limbo Whiteboard", "Segoe Script", cursive;

  /* Escala fluida */
  --paso--1: clamp(.83rem, .79rem + .2vw, .95rem);
  --paso-0:  clamp(1rem, .95rem + .25vw, 1.125rem);
  --paso-1:  clamp(1.19rem, 1.11rem + .4vw, 1.42rem);
  --paso-2:  clamp(1.42rem, 1.28rem + .68vw, 1.8rem);
  --paso-3:  clamp(1.7rem, 1.48rem + 1.1vw, 2.35rem);
  --paso-4:  clamp(2.1rem, 1.7rem + 2vw, 3.2rem);
  --paso-5:  clamp(2.6rem, 1.98rem + 3.1vw, 4.4rem);
  --paso-6:  clamp(3.1rem, 2.2rem + 4.6vw, 5.8rem);   /* tope < 6rem */

  /* Espaciado */
  --esp-1: clamp(.5rem, .45rem + .25vw, .75rem);
  --esp-2: clamp(1rem, .9rem + .5vw, 1.5rem);
  --esp-3: clamp(1.5rem, 1.3rem + 1vw, 2.5rem);
  --esp-4: clamp(2.5rem, 2rem + 2.2vw, 4.5rem);
  --esp-5: clamp(4rem, 3rem + 4.5vw, 8rem);            /* respiro entre secciones */

  --ancho-max: 72rem;
  --radio: 1.25rem;
  --radio-blando: 2rem;

  /* Movimiento (framer-motion vanilla): ease-out expresiva */
  --curva-salida: cubic-bezier(.16, 1, .3, 1);
  --curva-suave:  cubic-bezier(.4, 0, .2, 1);
  --dur-micro: 180ms;
  --dur-media: 320ms;
}