:root {
  /* Wilderness Expedition palette — Salalah / Dhofar */
  --cream:        #efe9d8;
  --cream-deep:   #e3dcc4;
  --paper:        #faf6e8;
  --paper-warm:   #f3ecd6;

  --ink:          #1f2417;
  --ink-soft:     #4a4f3a;
  --ink-mute:     #7d7e6a;

  /* Brand olive — taken from the Picnic Salalah logo */
  --moss:         #5a6b2e;
  --moss-deep:    #3a4416;
  --moss-soft:    #8a9a55;
  --moss-mist:    #d8dcc2;

  /* Khareef green — Salalah monsoon hills */
  --khareef:      #3a8a6a;
  --khareef-deep: #1f5a47;
  --khareef-mist: #d2e8dc;

  /* Campfire ember — accent warmth */
  --ember:        #d97a2c;
  --ember-soft:   #f4c89a;

  --stone:        #c2bb98;
  --stone-soft:   #d6cfac;
  --mist:         rgba(31, 36, 23, 0.08);
  --mist-strong:  rgba(31, 36, 23, 0.16);

  --success:      #4f7d3a;
  --danger:       #b14b3a;

  /* Type */
  --font-arabic: "IBM Plex Sans Arabic", "Tahoma", system-ui, sans-serif;

  --fs-display-1: clamp(2.4rem, 6.5vw, 4.6rem);
  --fs-display-2: clamp(1.9rem, 4.5vw, 3rem);
  --fs-display-3: clamp(1.5rem, 3.2vw, 2.1rem);
  --fs-lead:      clamp(1.05rem, 1.6vw, 1.25rem);
  --fs-body:      1rem;
  --fs-small:     0.875rem;
  --fs-eyebrow:   0.78rem;

  --lh-display: 1.2;
  --lh-body:    1.85;
  --lh-tight:   1.35;

  --tracking-eyebrow: 0.18em;
  --tracking-display: -0.01em;

  /* Spacing scale (rem) */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;
  --sp-8: 4.5rem;
  --sp-9: 6.5rem;
  --sp-10: 9rem;

  /* Radii — slightly squarer than Khorsham, "field journal" feel */
  --r-sm: 4px;
  --r-md: 10px;
  --r-lg: 18px;
  --r-pill: 999px;

  /* Shadows — cool olive cast instead of warm brown */
  --sh-1: 0 1px 2px rgba(31, 36, 23, 0.07);
  --sh-2: 0 6px 18px -8px rgba(31, 36, 23, 0.20);
  --sh-3: 0 18px 40px -16px rgba(31, 36, 23, 0.30);
  --sh-inset: inset 0 0 0 1px var(--mist);

  /* Motion */
  --ease-out:  cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-soft: cubic-bezier(0.4, 0.1, 0.2, 1);
  --dur-1: 160ms;
  --dur-2: 280ms;
  --dur-3: 520ms;

  /* Layout */
  --container: 1180px;
  --container-narrow: 760px;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-1: 0ms;
    --dur-2: 0ms;
    --dur-3: 0ms;
  }
}