:root {
  /* Pareja del <meta name="color-scheme"> de index.html: refuerza que la página
     es de tema oscuro (desactiva el modo oscuro forzado del navegador) y hace que
     los campos de formulario y las barras de scroll nativas salgan en oscuro. */
  color-scheme: dark;

  /* ===== Marca Oasis Digital =====
     Paleta que cuenta la historia desierto → oasis:
     noche/agua profunda (base), oasis (vida, primario), arena (desierto, acento cálido). */
  --noche: #05131a;
  --noche-2: #08222c;
  --noche-3: #0c2f3b;

  --oasis: #2fe6c4;
  --oasis-bright: #7cffe6;
  --oasis-deep: #12a389;

  --arena: #e9b872;
  --arena-deep: #c9954e;

  --surface-glass: rgba(255, 255, 255, 0.05);
  /* Fondo base de las superficies "vidrio". Safari iOS no aplica backdrop-filter
     dentro de contenedores con scroll (el carrusel de planes), y ahí --surface-glass
     queda casi invisible. Este tono opaco sostiene la tarjeta solo; el blur va encima
     como mejora, no como única fuente del efecto. */
  --surface-solid: rgba(8, 34, 44, 0.72);
  --border-glass: rgba(124, 255, 230, 0.16);
  --border-arena: rgba(233, 184, 114, 0.22);

  --text: #f4fbf9;
  --text-muted: #9fb4bc;
  --text-dim: #6b8088;

  --success-whatsapp: #25d366;

  /* ===== Tipografía (adaptada de craftedny.com) =====
     Libre Baskerville (la misma serif de Crafted) para titulares narrativos,
     Montserrat (equivalente libre de Gotham) para labels/UI y cuerpo. */
  --font-serif: "Libre Baskerville", Georgia, "Times New Roman", serif;
  --font-display: "Montserrat", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Montserrat", "Helvetica Neue", Arial, sans-serif;

  /* Tamaños fluidos */
  --fs-mega: clamp(2.5rem, 7vw, 6.5rem);
  --fs-hero: clamp(2.5rem, 6vw, 5.5rem);
  --fs-h2: clamp(2rem, 4.5vw, 3.5rem);
  --fs-h3: clamp(1.25rem, 2.2vw, 1.6rem);
  --fs-body: clamp(1rem, 1.15vw, 1.125rem);
  --fs-small: 0.875rem;

  /* Spacing */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --space-xl: 8rem;

  /* Layout */
  --max-width: 1280px;
  --radius-md: 1rem;
  --radius-lg: 1.75rem;

  /* Sombras / glow */
  --shadow-glow: 0 0 44px rgba(47, 230, 196, 0.28);
  --shadow-arena: 0 0 40px rgba(233, 184, 114, 0.25);
  --blur-glass: blur(18px);

  /* Timing */
  --ease-smooth: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 0.3s;
  --dur-med: 0.6s;
  --dur-slow: 1.2s;
}