:root {
  --color-primary: #0e7c3a;
  --color-primary-dark: #0a5a2a;
  --color-primary-light: #e9f7ef;
  --color-accent: #f6c343;
  --color-accent-dark: #d9a91d;
  --color-whatsapp: #25d366;
  --color-whatsapp-dark: #128c7e;

  --color-text: #1a2421;
  --color-text-soft: #4a5651;
  --color-text-muted: #7a857f;
  --color-bg: #ffffff;
  --color-bg-alt: #f7faf8;
  --color-bg-dark: #0f1a16;
  --color-border: #e3eae6;
  --color-border-dark: #2a3a33;

  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  --fs-xs: 0.8125rem;
  --fs-sm: 0.9375rem;
  --fs-base: 1rem;
  --fs-md: 1.125rem;
  --fs-lg: 1.375rem;
  --fs-xl: 1.75rem;
  --fs-2xl: 2.25rem;
  --fs-3xl: 3rem;
  --fs-hero: clamp(2rem, 5vw + 1rem, 3.75rem);

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;

  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-pill: 999px;

  --shadow-sm: 0 1px 2px rgba(15, 26, 22, 0.06), 0 1px 3px rgba(15, 26, 22, 0.04);
  --shadow-md: 0 4px 12px rgba(15, 26, 22, 0.08), 0 2px 4px rgba(15, 26, 22, 0.04);
  --shadow-lg: 0 12px 32px rgba(15, 26, 22, 0.12), 0 4px 8px rgba(15, 26, 22, 0.06);
  --shadow-xl: 0 24px 60px rgba(15, 26, 22, 0.16);

  --container: 1200px;
  --container-narrow: 880px;

  --header-h: 72px;
  --transition: 200ms ease;
}