:root {
  --bg: #EFF2EC;
  --bg-alt: #E3EAE0;
  --surface: #FBFCF9;
  --surface-deep: #1C2820;
  --text: #222A24;
  --text-2: #4D5A4F;
  --text-mute: #7A8579;
  --on-dark: #F1F4EE;
  --on-dark-2: #C9DFCE;
  --border: rgba(34, 42, 36, 0.14);
  --border-strong: rgba(34, 42, 36, 0.24);
  --accent: #29402F;
  --accent-2: #50745A;
  --accent-soft: #BFCFC1;
  --accent-translucide: rgba(41, 64, 47, 0.16);
  --primary: #29402F;
  --wa-green: #25D366;
  --wa-green-dark: #128C7E;

  --ff-display: "EB Garamond", "Cormorant Garamond", Georgia, serif;
  --ff-body: "DM Sans", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --ff-ui: "DM Sans", "Inter", system-ui, -apple-system, sans-serif;

  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 16px;
  --r-xl: 22px;
  --r-pill: 999px;

  --header-h: 72px;
  --header-h-mobile: 64px;

  --z-base: 1;
  --z-header: 1100;
  --z-menu: 1000;
  --z-modal: 1200;
  --z-fab: 1080;

  --container: 1200px;

  --shadow-soft: 0 2px 14px rgba(34, 42, 36, 0.06);
  --shadow-card: 0 10px 30px -12px rgba(34, 42, 36, 0.18);
  --shadow-photo: 0 24px 50px -18px rgba(28, 40, 32, 0.32);

  --t-fast: .18s ease;
  --t-base: .28s cubic-bezier(.2, .7, .2, 1);
  --t-slow: .55s cubic-bezier(.2, .7, .2, 1);
}

::selection { background: var(--accent); color: var(--on-dark); }

* { scrollbar-width: thin; scrollbar-color: var(--accent-2) transparent; }
*::-webkit-scrollbar { width: 8px; height: 8px; }
*::-webkit-scrollbar-thumb { background: var(--accent-2); border-radius: 4px; }
*::-webkit-scrollbar-track { background: transparent; }