/* ==========================================================================
   MY TRIP AFRICA TOURS — "Genuine Safari" design tokens
   Styled after Asilia Africa's warm, editorial safari-brand identity:
   ivory/cream base, deep forest ink, terracotta accent, italic serif
   emphasis paired with a clean uppercase-tracked sans.
   ========================================================================== */
:root {
  /* ---------- Color: warm neutral base ---------- */
  --cream:        #f7f3ea;
  --cream-alt:     #f0ead9;
  --ivory:        #fdfcf8;
  --paper-line:    #e2d9c4;

  /* ---------- Color: ink ---------- */
  --forest:       #1f3527;
  --forest-deep:   #16261b;
  --ink:          #26251f;
  --ink-dim:       #5c574a;
  --ink-faint:     #8b8471;

  /* ---------- Color: accent ---------- */
  --terracotta:    #b9532f;
  --terracotta-dim: #a2492a;
  --gold:         #ab8b4f;
  --gold-pale:     #d9c690;

  /* ---------- Surfaces ---------- */
  --bg:           var(--cream);
  --bg-alt:        var(--cream-alt);
  --surface-dark:  var(--forest);
  --surface-dark-2: var(--forest-deep);

  /* ---------- Typography ---------- */
  --font-serif: 'Playfair Display', 'Georgia', serif;
  --font-sans:  'Jost', 'Helvetica Neue', Arial, sans-serif;

  --fs-hero:    clamp(2.6rem, 6vw, 5.4rem);
  --fs-xxl:     clamp(2.2rem, 4.4vw, 3.6rem);
  --fs-xl:      clamp(1.7rem, 3vw, 2.6rem);
  --fs-lg:      clamp(1.3rem, 2vw, 1.7rem);
  --fs-md:      1.15rem;
  --fs-body:    1rem;
  --fs-sm:      0.875rem;
  --fs-xs:      0.75rem;

  --tracking-wide: 0.14em;
  --tracking-mid:  0.06em;

  --lh-tight: 1.1;
  --lh-snug:  1.3;
  --lh-body:  1.7;

  /* ---------- Layout ---------- */
  --edge:          7vw;
  --container-max:  1360px;
  --container-narrow: 780px;

  /* ---------- Radius / shadow ---------- */
  --r-sm: 2px;
  --r-md: 4px;

  /* ---------- Motion ---------- */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --dur-fast: 0.25s;
  --dur-base: 0.5s;
  --dur-slow: 0.9s;
}