/* =============================================================
   VARIABLES — Sistema de diseño completo
   Capricho del Mar by Z
============================================================= */
:root {

  /* ── PALETA MEDITERRÁNEA CLARA ─────────────────────────── */
  --c-azure:      #4A7EA8;   /* Azul mediterráneo            */
  --c-azure-lt:   #6E9DBF;   /* Azul claro hover             */
  --c-sky:        #C8DDE8;   /* Cielo suave                  */
  --c-sand:       #D4B896;   /* Arena                        */
  --c-gold:       #C9A96E;   /* Dorado arena — acento        */
  --c-gold-lt:    #D8BC8A;   /* Dorado claro                 */
  --c-ivory:      #F5F0E8;   /* Marfil cálido                */
  --c-white:      #FAFAF8;   /* Blanco marino                */
  --c-deep:       #1C3A50;   /* Azul noche profundo          */
  --c-deep-2:     #0D2035;   /* Casi negro                   */
  --c-muted:      #5E7E96;   /* Texto secundario             */
  --c-sea-mist:   #8AA4B8;   /* Azul grisáceo — dark bg text */
  --c-border:     rgba(74, 126, 168, 0.12);
  --c-border-s:   rgba(74, 126, 168, 0.25);
  --c-border-gold: rgba(201, 169, 110, 0.22);

  /* ── TIPOGRAFÍA: Lexend (display) + Roboto (body/UI) ───── */
  --font-display: 'Lexend', 'Roboto', system-ui, sans-serif;
  --font-body:    'Roboto', system-ui, -apple-system, sans-serif;

  /* ── TAMAÑOS FLUIDOS ─────────────────────────────────────── */
  /* Hero 40% más grande que el anterior clamp(3.5,9vw,8.5rem) */
  --sz-hero:     clamp(5rem, 13vw, 12rem);
  --sz-display:  clamp(3rem, 7vw, 7rem);
  --sz-section:  clamp(2.25rem, 5vw, 4.5rem);
  --sz-sub:      clamp(1.5rem, 2.8vw, 2.25rem);
  --sz-body:     clamp(0.9375rem, 1.5vw, 1.0625rem);
  --sz-sm:       clamp(0.75rem, 1vw, 0.875rem);
  --sz-label:    0.6875rem;

  /* ── ESPACIADOS ──────────────────────────────────────────── */
  --sp-section:  clamp(3rem, 7vh, 6rem);
  --sp-block:    clamp(2rem, 5vw, 4rem);
  --sp-side:     clamp(1.5rem, 7vw, 7rem);

  /* ── CURVAS DE ANIMACIÓN ─────────────────────────────────── */
  --ease-luxury: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out:    cubic-bezier(0.0, 0.0, 0.2, 1);
  --ease-io:     cubic-bezier(0.87, 0, 0.13, 1);
  --dur-fast:    0.3s;
  --dur-mid:     0.65s;
  --dur-slow:    1.2s;

  /* ── Z-INDEX ─────────────────────────────────────────────── */
  --z-nav:       100;
  --z-overlay:   50;
  --z-lightbox:  9000;
  --z-loader:    99999;
}