:root {
  --primary-color: #00B650;
  --primary-light: #e7faec;
  --primary-dark: #00a047;
  --secondary-color: #fff;
  --third-color: hsl(143, 21%, 88%);
  --text-color: #1a202c;
  --subtitle-color: #718096;
  --border-color: #e2e8f0;
  --background-light: #f7fafc;
  --shadow-light: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  --shadow-medium: 0 4px 6px rgba(0, 0, 0, 0.07), 0 1px 3px rgba(0, 0, 0, 0.06);
  --shadow-heavy: 0 10px 25px rgba(0, 0, 0, 0.15), 0 4px 10px rgba(0, 0, 0, 0.08);
  --box-shadow: 0 4px 6px rgba(0, 0, 0, 0.07), 0 1px 3px rgba(0, 0, 0, 0.06);

  /* Градиенты */
  --gradient-primary: linear-gradient(135deg, #00B650 0%, #00d4aa 50%, #00B650 100%);
  --gradient-light: linear-gradient(135deg, #e7faec 0%, #d4f4dd 100%);
  --gradient-dark: linear-gradient(135deg, #00a047 0%, #00b359 100%);
  --gradient-error: linear-gradient(135deg, #ff416c 0%, #ff4b2b 100%);

  --font-family-main: 'Montserrat', sans-serif;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  --border-radius-sm: 6px;
  --border-radius: 12px;
  --border-radius-lg: 20px;
  --border-radius-xl: 24px;

  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2rem;
  --spacing-2xl: 3rem;

  --transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}