/* ============================================================
   SOUTHERN ESTATES LANKA — Design Tokens
   The single source of truth for colour, type, space + motion.
   ============================================================ */

:root{
  /* ---- Surfaces ------------------------------------------- */
  /* Dark glass platform. The ground is near-black tropical green so
     translucent panels read as glass rather than as grey boxes. */
  --paper:        #070E0C;   /* page ground */
  --paper-2:      #0B1512;   /* recessed ground */
  --paper-3:      #101D18;   /* lifted ground */
  --sand:         #E2D6BF;   /* sand — the single warm accent */
  --sand-2:       #C9B592;
  --forest:       #08110E;   /* deep panel ground */
  --forest-2:     #0D1A15;
  --forest-3:     #16302708;
  --charcoal:     #050A09;
  --ocean:        #7E9AA2;
  --ocean-2:      #A8C2C9;
  --clay:         #D4906F;   /* warnings / off-market, legible on dark */

  /* ---- Glass ---------------------------------------------- */
  --glass:          rgba(233,242,238,.042);
  --glass-2:        rgba(233,242,238,.075);
  --glass-3:        rgba(233,242,238,.115);
  --glass-edge:     rgba(233,242,238,.115);
  --glass-edge-2:   rgba(233,242,238,.22);
  --glass-hi:       rgba(255,255,255,.30);   /* top hairline highlight */
  --glass-blur:     blur(22px) saturate(1.45);
  --glass-blur-sm:  blur(12px) saturate(1.3);

  /* ---- Ink ------------------------------------------------ */
  --ink:          #EFEADF;
  --ink-70:       rgba(239,234,223,.70);
  --ink-55:       rgba(239,234,223,.55);
  --ink-38:       rgba(239,234,223,.38);
  --ink-on-dark:  #EFEADF;
  --ink-on-dark-65: rgba(239,234,223,.65);
  --ink-on-dark-40: rgba(239,234,223,.40);

  /* ---- Lines ---------------------------------------------- */
  --line:         rgba(239,234,223,.11);
  --line-2:       rgba(239,234,223,.20);
  --line-dark:    rgba(239,234,223,.11);
  --line-dark-2:  rgba(239,234,223,.22);

  /* ---- Type ----------------------------------------------- */
  --serif: "Cormorant Garamond", "Times New Roman", Georgia, serif;
  --sans:  "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;

  /* Fluid display scale */
  --t-mega:   clamp(3.6rem, 11.5vw, 12.5rem);
  --t-h1:     clamp(2.9rem, 7.2vw, 7.4rem);
  --t-h2:     clamp(2.4rem, 5.2vw, 5.2rem);
  --t-h3:     clamp(1.75rem, 3vw, 3rem);
  --t-h4:     clamp(1.35rem, 2vw, 2rem);
  --t-lead:   clamp(1rem, 1.25vw, 1.2rem);
  --t-body:   .9375rem;
  --t-small:  .8125rem;
  --t-micro:  .625rem;

  --track-display: -.035em;
  --track-label:   .22em;

  /* ---- Space ---------------------------------------------- */
  --gutter:    clamp(20px, 4vw, 64px);
  --header-h:  clamp(64px, 7.4vh, 88px);
  --shell:     1560px;
  --section-y: clamp(84px, 11vw, 172px);
  --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;

  /* ---- Motion --------------------------------------------- */
  --ease:       cubic-bezier(.22,1,.36,1);
  --ease-inout: cubic-bezier(.76,0,.24,1);
  --ease-soft:  cubic-bezier(.4,0,.2,1);
  --dur-fast: .28s;
  --dur:      .55s;
  --dur-slow: .9s;
  --dur-cine: 1.4s;

  /* ---- Elevation (used with restraint) -------------------- */
  --shadow-soft: 0 24px 60px -28px rgba(0,0,0,.55);
  --shadow-lift: 0 40px 90px -36px rgba(0,0,0,.70);
  --shadow-glass: 0 1px 0 0 var(--glass-hi) inset, 0 24px 70px -30px rgba(0,0,0,.8);

  /* ---- Layers --------------------------------------------- */
  --z-grain:     900;
  --z-cursor:    950;
  --z-header:    600;
  --z-dock:      560;
  --z-panel:     700;
  --z-view:      750;
  --z-lightbox:  800;
  --z-preloader: 990;
  --z-entry:     880;
}

@media (prefers-reduced-motion: reduce){
  :root{ --dur-fast:.01s; --dur:.01s; --dur-slow:.01s; --dur-cine:.01s; }
}