/* ============================================================
   AZURE TIDE RESORT — Design Tokens
   ============================================================ */

:root {
  /* ---- Color: Ocean Palette ---- */
  --color-midnight:    #0a1628;
  --color-deep-navy:   #0f2138;
  --color-navy:        #15304d;
  --color-ocean:       #1b4965;
  --color-teal:        #2a7a8c;
  --color-sea-glass:   #5fa8a0;
  --color-seafoam:     #8ecac1;
  --color-mist:        #c5e0dc;

  /* ---- Color: Sand & Warm Neutrals ---- */
  --color-sand-dark:   #8c7a63;
  --color-sand:        #c2a97e;
  --color-sand-light:  #ddd0b8;
  --color-linen:       #f0ebe1;
  --color-pearl:       #f7f4ef;
  --color-white:       #fefdfb;
  --color-pure-white:  #ffffff;

  /* ---- Color: Accents ---- */
  --color-coral:       #d4856a;
  --color-coral-soft:  #e8b4a0;
  --color-gold:        #c9a84c;
  --color-gold-light:  #e4d498;

  /* ---- Color: Utility ---- */
  --color-text:        #1a2a3a;
  --color-text-muted:  #4a5c6e;
  --color-text-light:  #7a8c9e;
  --color-text-on-dark:#e8ebe9;
  --color-border:      #ddd8d0;
  --color-border-light:#eceae5;
  --color-overlay:     rgba(10, 22, 40, 0.55);
  --color-overlay-deep:rgba(10, 22, 40, 0.78);

  /* ---- Typography ---- */
  --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-body:    'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono:    'DM Mono', 'Courier New', monospace;

  --fs-xs:   clamp(0.7rem, 0.65rem + 0.25vw, 0.78rem);
  --fs-sm:   clamp(0.8rem, 0.75rem + 0.3vw, 0.9rem);
  --fs-base: clamp(0.95rem, 0.88rem + 0.35vw, 1.06rem);
  --fs-md:   clamp(1.05rem, 0.95rem + 0.5vw, 1.25rem);
  --fs-lg:   clamp(1.25rem, 1.05rem + 1vw, 1.65rem);
  --fs-xl:   clamp(1.6rem, 1.25rem + 1.75vw, 2.4rem);
  --fs-2xl:  clamp(2rem, 1.5rem + 2.5vw, 3.2rem);
  --fs-3xl:  clamp(2.5rem, 1.8rem + 3.5vw, 4.2rem);
  --fs-hero: clamp(3rem, 2rem + 5vw, 5.8rem);

  --lh-tight:  1.15;
  --lh-snug:   1.3;
  --lh-normal: 1.65;
  --lh-relaxed:1.8;

  --ls-tight:  -0.03em;
  --ls-normal:  0;
  --ls-wide:    0.06em;
  --ls-ultra:   0.14em;

  --fw-light:   300;
  --fw-regular: 400;
  --fw-medium:  500;
  --fw-semi:    600;
  --fw-bold:    700;

  /* ---- Spacing Scale ---- */
  --space-3xs: clamp(0.25rem, 0.2rem + 0.15vw, 0.35rem);
  --space-2xs: clamp(0.45rem, 0.4rem + 0.25vw, 0.6rem);
  --space-xs:  clamp(0.7rem, 0.6rem + 0.4vw, 0.95rem);
  --space-sm:  clamp(1rem, 0.85rem + 0.6vw, 1.35rem);
  --space-md:  clamp(1.5rem, 1.2rem + 1.2vw, 2.2rem);
  --space-lg:  clamp(2rem, 1.5rem + 2vw, 3.2rem);
  --space-xl:  clamp(3rem, 2rem + 3.5vw, 5rem);
  --space-2xl: clamp(4rem, 3rem + 5vw, 7.5rem);
  --space-3xl: clamp(6rem, 4rem + 7vw, 10rem);

  /* ---- Layout ---- */
  --max-width:    1320px;
  --max-narrow:   860px;
  --max-text:     640px;
  --gutter:       clamp(1.25rem, 1rem + 2vw, 3rem);
  --section-pad:  clamp(5rem, 4rem + 5vw, 9rem);
  --radius-sm:    4px;
  --radius-md:    8px;
  --radius-lg:    14px;
  --radius-xl:    24px;
  --radius-full:  9999px;

  /* ---- Motion ---- */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --duration-fast:   0.2s;
  --duration-normal: 0.4s;
  --duration-slow:   0.7s;

  /* ---- Shadows ---- */
  --shadow-sm:  0 1px 3px rgba(10,22,40,0.06), 0 1px 2px rgba(10,22,40,0.04);
  --shadow-md:  0 4px 16px rgba(10,22,40,0.08), 0 1px 4px rgba(10,22,40,0.04);
  --shadow-lg:  0 12px 40px rgba(10,22,40,0.12), 0 4px 12px rgba(10,22,40,0.06);
  --shadow-xl:  0 24px 64px rgba(10,22,40,0.16), 0 8px 24px rgba(10,22,40,0.08);
  --shadow-glow:0 0 40px rgba(90,168,160,0.15);
}