:root {
  /* Основные цвета — зелёная палитра */
  --c-bg:        #06110f;
  --c-bg-card:   #002e26;
  --c-bg-nav:    #001f19;
  --c-bg-hover:  #014337;
  --c-green-50:  #bdd9d4;
  --c-green-100: #89cdbf;
  --c-green-200: #4cbfa7;
  --c-green-300: #08ae8b;
  --c-green-400: #019375;
  --c-green-500: #017d63;
  --c-green-600: #005947;
  --c-green-700: #014337;

  /* Жёлтые / оранжевые (кнопки CTA) */
  --c-yellow-100: #fdebc9;
  --c-yellow-300: #ffd679;
  --c-yellow-400: #dba849;
  --c-yellow-500: #a76503;
  --c-orange-200: #fea744;
  --c-orange-400: #a64904;

  /* Синие */
  --c-blue-200: #70bbff;
  --c-blue-300: #3996ff;
  --c-blue-500: #003e84;

  /* Нейтральные */
  --c-white:   #ffffff;
  --c-text:    #ffffff;
  --c-muted:   #89cdbf;
  --c-border:  #014337;

  /* Шрифты */
  --font-main:    'PT Sans', sans-serif;
  --font-heading: 'Artegra', 'PT Sans', sans-serif;

  /* Радиусы */
  --r-sm:  6px;
  --r-md:  8px;
  --r-lg:  12px;
  --r-xl:  16px;
  --r-2xl: 24px;
  --r-pill: 650px;

  /* Кнопка CTA — градиент */
  --btn-cta-bg: linear-gradient(to bottom, var(--c-yellow-100), var(--c-yellow-500));
  --btn-cta-shadow: 0px 6px 0px 0px var(--c-bg-card);
  --btn-cta-hover: var(--c-yellow-400);

  /* Версия для cache-busting */
  --ver: 1;
}