/* Eskala Residence — Spacing, radius, shadow, layout, motion tokens.
   Airy, editorial rhythm; large section gaps; soft warm shadows only;
   rounded brochure cards (20–24px); very subtle motion. */

:root{
  /* Spacing scale (px) */
  --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;
  --sp-section:clamp(80px,11vw,160px);  /* @kind spacing */

  /* Layout */
  --max-width:1400px; /* @kind other */
  --gutter:clamp(20px,5vw,72px); /* @kind other */
  --content-narrow:760px; /* @kind other */

  /* Radii — brochure rounded cards */
  --r-xs:6px;
  --r-sm:12px;
  --r-md:20px;   /* image radius lower bound */
  --r-lg:24px;   /* card radius */
  --r-xl:32px;
  --r-pill:999px;

  /* Shadows — soft, warm, low-contrast. Never harsh black. */
  --shadow-xs:0 1px 2px rgba(61,45,40,.06);
  --shadow-sm:0 4px 14px rgba(61,45,40,.07);
  --shadow-md:0 12px 34px rgba(61,45,40,.09);
  --shadow-lg:0 26px 60px rgba(61,45,40,.12);
  --shadow-image:0 20px 50px rgba(61,45,40,.14);

  /* Warm protection gradient over photography */
  --scrim-warm:linear-gradient(180deg,rgba(61,45,40,0) 40%,rgba(61,45,40,.55) 100%); /* @kind other */
  --scrim-beige:linear-gradient(90deg,rgba(248,243,234,.92) 0%,rgba(248,243,234,.5) 55%,rgba(248,243,234,0) 100%); /* @kind other */

  /* Motion — subtle luxury. Fade + gentle rise; ease-out, no bounce. */
  --ease-out:cubic-bezier(.22,.61,.36,1); /* @kind other */
  --ease-in-out:cubic-bezier(.65,.05,.36,1); /* @kind other */
  --dur-fast:180ms; /* @kind other */
  --dur-med:420ms; /* @kind other */
  --dur-slow:900ms; /* @kind other */
  --hover-lift:translateY(-4px); /* @kind other */
  --img-zoom:1.04;  /* @kind other */
}