:root {
  --color-primary: #B6D546;
  --color-primary-hover: #A5C438;
  --color-primary-soft: #F3F8E4;
  --color-white: #FFFFFF;
  --color-black: #0C0C0C;
  --color-dark: #111111;
  --color-dark-soft: #1A1A1A;
  --color-text: #111111;
  --color-text-muted: #666666;
  --color-text-light: #FFFFFF;
  --color-surface: #F6F7F2;
  --color-surface-alt: #ECEFE5;
  --color-border: #E5E7DF;
  --color-border-dark: rgba(255, 255, 255, 0.12);
  --font-heading: "Manrope", Arial, sans-serif;
  --font-body: "Inter", Arial, sans-serif;
  --container-width: 95%;
  --content-wide-max: 2100px;
  --content-reading-max: 760px;
  --gutter-desktop: 48px;
  --gutter-tablet: 32px;
  --gutter-mobile: 20px;
  --section-space: clamp(6.25rem, 9vw, 8.75rem);
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --shadow-soft: 0 22px 70px rgba(12, 12, 12, 0.09);
  --transition-fast: 180ms ease;
  --transition-base: 320ms cubic-bezier(0.22, 1, 0.36, 1);
  --header-height: 84px;
  --touch-target: 44px;
  --z-header: 100;
  --z-menu: 120;
  --z-modal: 200;
}