/* Design tokens — sumber: Figma Variables (Red Garden Villa, node 331:758).
   Webflow port: setiap variable di sini menjadi Webflow Variable dengan nama sama;
   nilai clamp() dipindah via custom_value. Fluid range: 320px → 1440px viewport. */

:root {
  /* Color — nama mengikuti Figma Variables */
  --color-amber: #f1eee9;
  --color-white: #fdfbf9;
  --color-red: #842f32;
  --color-black: #303030;
  --color-dusky: #ceb19c;

  /* Typography */
  --font-serif: "Cormorant Garamond", Garamond, "Times New Roman", serif;

  --text-h2: clamp(1.5rem, 1.357rem + 0.714vw, 2rem);
  --text-h3: clamp(1.25rem, 1.179rem + 0.357vw, 1.5rem);
  --text-h4: clamp(1.0625rem, 1.009rem + 0.268vw, 1.25rem);
  --text-body: clamp(0.9375rem, 0.92rem + 0.089vw, 1rem);
  --text-small: 0.75rem;
  --text-button: 0.75rem;

  --tracking-heading: 0.1em;
  --tracking-body: 0.04em;
  --tracking-small: 0.02em;
  --tracking-button: 0.3em;

  --leading-tight: 1.5;
  --leading-loose: 2;

  /* Spacing — fluid scale */
  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs: 0.75rem;
  --space-s: 1rem;
  --space-m: clamp(1.25rem, 1.179rem + 0.357vw, 1.5rem);
  --space-l: clamp(1.5rem, 1.357rem + 0.714vw, 2rem);
  --space-xl: clamp(2rem, 1.714rem + 1.429vw, 3rem);
  --space-2xl: clamp(3rem, 2.571rem + 2.143vw, 4.5rem);
  --space-3xl: clamp(4rem, 2.946rem + 5.268vw, 7.6875rem);
  --space-section: var(--space-3xl);

  /* Layout — container 1194px = margin 123px pada desain 1440 */
  --container-max: 74.625rem;
  --space-gutter: clamp(1.25rem, 4.5vw, 3rem);

  /* Elevation — Figma "Drop Shadow" (6 layer halus) */
  --shadow-soft:
    0 2.8px 2.2px rgb(0 0 0 / 0.02),
    0 6.7px 5.3px rgb(0 0 0 / 0.028),
    0 12.5px 10px rgb(0 0 0 / 0.035),
    0 22.3px 17.9px rgb(0 0 0 / 0.043),
    0 41.8px 33.4px rgb(0 0 0 / 0.051),
    0 100px 80px rgb(0 0 0 / 0.07);

  /* Motion — dipakai GSAP (Fase 3) dan transisi CSS */
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out-smooth: cubic-bezier(0.65, 0, 0.35, 1);
  --duration-fast: 300ms;
  --duration-normal: 600ms;
  --duration-slow: 1200ms;
}