:root {
  /* Цвета текста и фона */
  --Grey: #333;
  --White: #fff;
  --Black: #000;

  /* Акцентные и фирменные цвета */
  --Primary: #4c8058;
  --Primary-light: #e9f3ec;
  --Accent: #689f38;
  --Accent-dark: #3c6e29;

  /* Фоновые */
  --Bg: #f8f9f9;
  --Section-bg: #f1f4f2;

  /* Границы и тени */
  --Border: #e0e0e0;
  --Shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05);

  /* Шрифты */
  --Font-main: 'Montserrat', sans-serif;;
  --Font-size-base: 1rem;
  --Font-size-small: 0.875rem;
  --Font-size-large: 1.25rem;

  /* Радиусы и отступы */
  --Radius: 1.5rem;
  --Gap: 2rem;
}

:root{
  --c-bg:#0b0f12;
  --c-panel:#11161b;
  --c-txt:#e6f2ec;
  --c-muted:#b7c8c1;
  --c-primary:#ffd166;
  --rad:1.0rem;
  --shadow:0 0.2rem 1.2rem rgba(0,0,0,0.35);
  --z-nav:1000;
}

:root {
  --steps-bg: #f7faf7;
  --steps-card-bg: #fff;
  --steps-border: rgba(108, 169, 115, 0.15);
  --steps-accent: #6ca973;
  --steps-text: #232323;
  --steps-title: #3b3b3b;
  --steps-link: #318250;
  --steps-shadow: 0 0.2rem 2rem 0 rgba(54, 124, 74, 0.07);
  --steps-radius: 1.2rem;
  --steps-gap: 2.4rem;
}
[data-theme="dark"] {
  --steps-bg: #191f1a;
  --steps-card-bg: #242c25;
  --steps-border: rgba(108, 169, 115, 0.10);
  --steps-accent: #79da89;
  --steps-text: #f7faf7;
  --steps-title: #e3fbe9;
  --steps-link: #9df2ba;
  --steps-shadow: 0 0.2rem 2rem 0 rgba(85, 215, 134, 0.08);
}

:root {
  --popup-bg: rgba(0, 0, 0, 0.5);
  --dialog-bg: #ffffff;
  --accent-color: #f8a30c;
  --text-color: #333;
  --border-color: #e0e0e0;
  --radius: 8px;
  --transition: 0.3s ease;
}