/* ============================================
   DunaTour — Design Tokens
   Paleta inspirada en el desierto, el oasis y el mar de Ica.
   Cambia estos valores para re-tematizar todo el sitio.
   ============================================ */

:root{
  /* ---- Color: arena / desierto ---- */
  --sand-50:  #FBF6EC;
  --sand-100: #F5EAD2;
  --sand-200: #EEDCB4;
  --sand-300: #E4C892;

  /* ---- Color: terracota / atardecer ---- */
  --terracotta-400: #D97A45;
  --terracotta-500: #C1602F;
  --terracotta-600: #A44D22;
  --terracotta-700: #7E3A19;

  /* ---- Color: mar / oasis (Paracas + Huacachina) ---- */
  --teal-300: #4FA3AA;
  --teal-500: #0E6E76;
  --teal-600: #0A5960;
  --teal-700: #093F45;

  /* ---- Color: acento dorado ---- */
  --gold-400: #E3B764;
  --gold-500: #D3A24A;
  --gold-600: #B3843A;

  /* ---- Neutrales / tinta ---- */
  --ink-900: #2A211A;
  --ink-700: #4A3C31;
  --ink-500: #6E5D4E;
  --ink-300: #A0917F;
  --cream:   #FFFDF8;
  --white:   #FFFFFF;

  /* ---- Semántico ---- */
  --color-bg:            var(--cream);
  --color-bg-alt:        var(--sand-50);
  --color-surface:       var(--white);
  --color-text:          var(--ink-900);
  --color-text-muted:    var(--ink-500);
  --color-text-on-dark:  var(--sand-50);
  --color-primary:       var(--terracotta-500);
  --color-primary-hover: var(--terracotta-600);
  --color-secondary:     var(--teal-500);
  --color-accent:        var(--gold-500);
  --color-border:        rgba(42, 33, 26, 0.10);
  --color-overlay-dark:  rgba(20, 15, 10, 0.62);

  /* ---- Tipografía ---- */
  --font-display: 'Fraunces', Georgia, serif;
  --font-body: 'Work Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --step-2xs: clamp(0.75rem, 0.72rem + 0.15vw, 0.8125rem);
  --step-xs:  clamp(0.875rem, 0.84rem + 0.18vw, 0.9375rem);
  --step-sm:  clamp(1rem, 0.96rem + 0.2vw, 1.0625rem);
  --step-md:  clamp(1.125rem, 1.06rem + 0.3vw, 1.25rem);
  --step-lg:  clamp(1.5rem, 1.35rem + 0.75vw, 1.875rem);
  --step-xl:  clamp(2rem, 1.7rem + 1.5vw, 2.75rem);
  --step-2xl: clamp(2.75rem, 2.2rem + 2.75vw, 4rem);

  /* ---- Espaciado ---- */
  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs:  0.75rem;
  --space-sm:  1rem;
  --space-md:  1.5rem;
  --space-lg:  2.5rem;
  --space-xl:  4rem;
  --space-2xl: 6rem;
  --space-3xl: 8rem;

  /* ---- Layout ---- */
  --container-max: 1200px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 28px;
  --radius-pill: 999px;

  /* ---- Sombra ---- */
  --shadow-sm: 0 2px 8px rgba(42, 33, 26, 0.08);
  --shadow-md: 0 12px 32px rgba(42, 33, 26, 0.14);
  --shadow-lg: 0 24px 64px rgba(42, 33, 26, 0.20);

  /* ---- Movimiento ---- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 180ms;
  --dur-base: 320ms;
  --dur-slow: 600ms;
}