/* ============================================================
   CIEL DE MARRAKECH — DESIGN TOKENS
   Palette derived from the brand logo (deep navy ink + gold arc)
   and the real dawn-flight photos (terracotta sunset, saffron,
   warm sand, Atlas-dusk blue). One accent: terracotta. Gold is
   reserved for the SIGNATURE horizon-arc motif + the logo only.
   No purple, no default greys, no pure black/white.
   ============================================================ */
:root {
  /* --- Core neutrals (warm, tinted — never pure) --- */
  --ink:        #14233B;   /* deepest text — brand navy, not black */
  --ink-2:      #2A3A54;   /* headings on light where softer needed */
  --paper:      #FBF6EE;   /* page background — warm cream */
  --surface:    #F4EAD9;   /* alternate section / cards */
  --surface-2:  #EBDCC4;   /* deeper sand — insets, chips */
  --muted:      #6B5D4B;   /* secondary text — warm taupe, 5.9:1 on paper */
  --line:       #E4D6C0;   /* hairlines on light */

  /* --- Accent (terracotta sunset) — the ONE accent, <5% of page.
        Tuned to pass WCAG AA (4.5:1) both as a fill and as text on paper. --- */
  --accent:      #B24E17;
  --accent-deep: #8F3A11;  /* hover / pressed */
  --accent-soft: #F6E4D6;  /* faint accent wash for tags */
  --wa:          #178143;  /* WhatsApp action green (AA with white) */
  --wa-deep:     #126236;

  /* --- Gold — SIGNATURE only (horizon arc, dividers, logo) --- */
  --gold:      #C6972F;
  --gold-soft: #E8CE93;

  /* --- Dark bands (immersive photo sections / footer) --- */
  --night:       #101B2E;
  --night-2:     #172942;
  --on-night:    #FBF6EE;
  --on-night-mut:#C7B79C;
  --night-line:  rgba(230,214,186,.16);

  /* --- Semantic --- */
  --success: #3E7C59;
  --danger:  #B23A2E;

  /* --- Typography --- */
  --font-display: "Fraunces", "Hoefler Text", Georgia, "Times New Roman", serif;
  --font-body:    "Karla", "Helvetica Neue", Arial, system-ui, sans-serif;
  --font-arabic:  "Cairo", "Segoe UI", Tahoma, sans-serif;

  /* Fluid type scale (ratio ~1.25) */
  --fs-12: 0.75rem;
  --fs-14: 0.875rem;
  --fs-16: 1rem;
  --fs-18: 1.125rem;
  --fs-20: 1.25rem;
  --fs-24: 1.5rem;
  --fs-30: clamp(1.5rem, 1.2rem + 1.3vw, 1.9rem);
  --fs-40: clamp(1.9rem, 1.4rem + 2.3vw, 2.6rem);
  --fs-56: clamp(2.4rem, 1.6rem + 3.6vw, 3.6rem);
  --fs-72: clamp(2.9rem, 1.7rem + 5.6vw, 4.7rem);

  --lh-body: 1.65;
  --lh-tight: 1.08;
  --measure: 68ch;

  /* --- Spacing (base 8px; section rhythm deliberately unequal) --- */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 64px;
  --sp-9: 96px; --sp-10: 128px;
  --container: 1180px;
  --container-wide: 1360px;

  /* --- Edges: one soft radius + zero; pill for the primary action --- */
  --radius: 6px;
  --radius-lg: 10px;
  --radius-pill: 999px;

  /* --- Elevation (warm-tinted shadows, not grey) --- */
  --shadow-sm: 0 1px 2px rgba(43,30,15,.06), 0 2px 6px rgba(43,30,15,.05);
  --shadow-md: 0 6px 18px rgba(43,30,15,.10), 0 2px 6px rgba(43,30,15,.06);
  --shadow-lg: 0 18px 44px rgba(20,35,59,.18), 0 6px 14px rgba(43,30,15,.08);

  /* --- Motion --- */
  --ease: cubic-bezier(.22,.61,.36,1);
  --t-fast: 160ms;
  --t-med: 240ms;
  --t-reveal: 520ms;
}