:root {
  --space-xs: 4px; --space-sm: 8px; --space-md: 16px; --space-lg: 24px;
  --radius-sm: 8px; --radius-md: 12px; --radius-full: 9999px;
  --shadow-sm: 0 1px 3px rgba(0,0,0,.08);
  --bottom-nav-h: 52px; --contact-footer-h: 72px; --bottom-chrome-h: calc(var(--contact-footer-h) + var(--bottom-nav-h));
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --primary: #588157; --primary-dark: #3A5A40; --primary-light: #E8F0E8;
  --accent: #A3B18A; --bg: #F4F7F4; --text: #1B4332; --text-muted: #64748B; --card-bg: #fff;
}