/* ==========================================================================
   Design tokens — Gili Getaway
   Coastal, premium, dependable. Ocean navy + turquoise, warm sand, white.
   All colour pairings below target WCAG AA for their intended use.
   ========================================================================== */

:root {
  /* --- Brand palette (sampled from the logo) --- */
  --c-navy:        #0b2f45; /* deep ocean — headers, footer, ink surfaces */
  --c-navy-700:    #0e3a56;
  --c-blue:        #105090; /* logo deep blue — primary interactive (white text ≈ 6.3:1) */
  --c-blue-600:    #0d4276; /* hover */
  --c-blue-050:    #e9f1fa;
  --c-aqua:        #1f90d0; /* logo sky blue — accent */
  --c-aqua-050:    #e7f3fc;
  --c-gold:        #f2b705; /* logo gold/marigold — CTAs & highlights (use dark text) */
  --c-gold-600:    #e0a800; /* hover */
  --c-gold-ink:    #3a2a00; /* readable text on gold */
  --c-sunset:      var(--c-gold); /* legacy alias → gold */
  --c-sand:        #f6efe0; /* warm neutral section bg */
  --c-sand-200:    #ece1cf;

  /* --- Neutrals --- */
  --c-ink:         #0e2430; /* body text on light ≈ 14:1 */
  --c-ink-soft:    #2c3f4a;
  --c-muted:       #5a7180; /* secondary text ≈ 4.6:1 on white */
  --c-line:        #e2eaee; /* hairlines */
  --c-line-strong: #cfdae1;
  --c-bg:          #ffffff;
  --c-bg-alt:      #f5f8fa; /* subtle section bg */
  --c-white:       #ffffff;

  /* --- Status (service badges) --- */
  --c-operated:    #0f7a52; /* GG-operated */
  --c-operated-bg: #e4f5ee;
  --c-partner:     #0f6fa8; /* partner-operated */
  --c-partner-bg:  #eaf4fb;
  --c-request:     #8a5a00; /* on-request / private */
  --c-request-bg:  #fdf3e0;
  --c-soon:        #5a7180; /* coming soon */
  --c-soon-bg:     #eef2f4;

  /* --- Feedback --- */
  --c-success:     #0f7a52;
  --c-warn:        #b06a00;
  --c-error:       #c0392b;

  /* --- Typography --- */
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-display: "Poppins", var(--font-sans); /* headings */
  --fs-300: 0.8125rem;  /* 13 */
  --fs-400: 1rem;       /* 16 base */
  --fs-500: 1.125rem;   /* 18 */
  --fs-600: 1.375rem;   /* 22 */
  --fs-700: 1.75rem;    /* 28 */
  --fs-800: clamp(2rem, 1.4rem + 2.6vw, 3rem);      /* section titles */
  --fs-900: clamp(2.5rem, 1.6rem + 4.2vw, 4.25rem); /* hero */
  --lh-tight: 1.15;
  --lh-snug: 1.3;
  --lh-body: 1.65;
  --fw-normal: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  /* --- Spacing scale (4px base) --- */
  --sp-1: 0.25rem;  --sp-2: 0.5rem;   --sp-3: 0.75rem;  --sp-4: 1rem;
  --sp-5: 1.5rem;   --sp-6: 2rem;     --sp-8: 3rem;     --sp-10: 4rem;
  --sp-12: 5rem;    --sp-16: 7rem;
  --section-y: clamp(3rem, 2rem + 5vw, 6rem);

  /* --- Layout --- */
  --container: 1200px;
  --container-narrow: 820px;
  --gutter: clamp(1rem, 0.5rem + 2vw, 2rem);

  /* --- Radius / shadow / motion --- */
  --radius-sm: 8px;
  --radius: 14px;
  --radius-lg: 22px;
  --radius-pill: 999px;
  --shadow-sm: 0 1px 2px rgba(11,47,69,.06), 0 1px 3px rgba(11,47,69,.08);
  --shadow: 0 6px 18px rgba(11,47,69,.10), 0 2px 6px rgba(11,47,69,.06);
  --shadow-lg: 0 18px 48px rgba(11,47,69,.18);
  --ring: 0 0 0 3px rgba(15,111,168,.35); /* focus ring */
  --ease: cubic-bezier(.22,.61,.36,1);
  --dur: .22s;

  --header-h: 76px;
}

@media (max-width: 600px) { :root { --header-h: 64px; } }