/* Kayana Souvenir — Design Tokens
   Palette: Terracotta + Slate + warm paper (LIGHT theme lock)
   Accent (brand): terracotta. Action (WhatsApp): wa-green — used ONLY on order buttons. */
:root {
  /* Surfaces */
  --color-paper: #F5F2EC;        /* warm paper page bg */
  --color-paper-2: #EFEAE1;      /* alt section bg */
  --color-surface: #FFFFFF;      /* cards */
  --color-ink: #2A2E33;          /* slate near-black text */
  --color-ink-soft: #5C636B;     /* muted body */
  --color-line: #E3DCD0;         /* hairlines / borders */

  /* Brand accent — terracotta */
  --color-accent: #C0563A;
  --color-accent-deep: #9E4329;
  --color-accent-tint: #F3E2DA;  /* soft terracotta wash */

  /* Action — WhatsApp green (semantic: opens WhatsApp) */
  --color-wa: #25D366;
  --color-wa-deep: #1FAE54;

  /* Typography */
  --font-sans: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --text-xs: 0.8125rem;
  --text-sm: 0.9375rem;
  --text-base: clamp(1rem, 0.96rem + 0.2vw, 1.0625rem);
  --text-lg: clamp(1.125rem, 1rem + 0.5vw, 1.3rem);
  --text-h3: clamp(1.35rem, 1.1rem + 1vw, 1.75rem);
  --text-h2: clamp(2rem, 1.4rem + 2.6vw, 3.1rem);
  --text-hero: clamp(2.35rem, 1.5rem + 3.6vw, 3.9rem);

  /* Spacing rhythm */
  --space-section: clamp(4rem, 3rem + 5vw, 7.5rem);
  --container: 1200px;
  --gutter: clamp(1.25rem, 0.8rem + 2vw, 2.5rem);

  /* Shape — one radius system (soft) */
  --radius-sm: 10px;
  --radius: 16px;
  --radius-lg: 24px;
  --radius-pill: 999px;

  /* Elevation — tinted to warm bg, never pure black */
  --shadow-sm: 0 1px 2px rgba(60, 42, 30, 0.06), 0 2px 8px rgba(60, 42, 30, 0.05);
  --shadow-md: 0 8px 24px rgba(60, 42, 30, 0.10);
  --shadow-lg: 0 20px 50px rgba(60, 42, 30, 0.14);

  /* Motion */
  --dur-fast: 160ms;
  --dur: 280ms;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);

  /* Z-index scale */
  --z-nav: 50;
  --z-float: 60;
  --z-modal: 80;
}