/* ===================================================================
   Krugovnik — дизайн-токены
   Палитра извлечена из эталонного скриншота (оливково-зелёный + оранжевый + крем).
   =================================================================== */

:root {
  /* Цвета — основные */
  --kr-primary:        #306000;  /* тёмный оливково-зелёный — шапка, заголовки, CTA */
  --kr-primary-dark:   #234700;  /* затемнённый для hover */
  --kr-primary-deep:   #1c3900;  /* глубокий зелёный — футер, подложки */
  --kr-primary-light:  #609030;  /* средний зелёный — интерактив, бейджи */
  --kr-olive:          #A0B050;  /* светлый оливковый — hover, выделения */
  --kr-olive-soft:     #C8D090;  /* светло-оливковые подложки, строки таблиц */
  --kr-olive-pale:     #E8F0C8;  /* пастельный лимонно-оливковый — фоновые карточки */

  --kr-accent:         #E08020;  /* оранжевый — акценты, цены, кнопки-2 */
  --kr-accent-dark:    #C16A14;  /* оранжевый hover */

  /* Нейтральные и фон */
  --kr-bg:        #F8F8F8;       /* основной фон */
  --kr-bg-soft:   #F0F0D8;       /* кремовые подложки, карточки */
  --kr-surface:   #FFFFFF;       /* поверхность карточек */
  --kr-border:    #D0D0D0;       /* границы */
  --kr-border-soft: #E7E7DF;     /* тонкие внутренние границы */

  /* Текст */
  --kr-text:        #202010;     /* основной текст */
  --kr-text-strong: #000000;     /* заголовки */
  --kr-text-muted:  #6b6b58;     /* приглушённый */
  --kr-text-on-primary: #FFFFFF;
  --kr-text-on-accent:  #FFFFFF;

  /* Служебные состояния */
  --kr-success: #2f7d32;
  --kr-warning: #b9620c;
  --kr-danger:  #b3261e;
  --kr-info:    #2f5d8a;

  /* Типографика */
  --kr-font-body: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --kr-font-heading: "Prata", "Georgia", "Times New Roman", serif;
  --kr-font-display: "Oswald", "Prata", "Georgia", sans-serif;

  /* Размерный ритм (8pt grid) */
  --kr-space-1: 4px;
  --kr-space-2: 8px;
  --kr-space-3: 12px;
  --kr-space-4: 16px;
  --kr-space-5: 24px;
  --kr-space-6: 32px;
  --kr-space-7: 48px;
  --kr-space-8: 64px;
  --kr-space-9: 96px;

  /* Радиусы */
  --kr-radius-sm: 6px;
  --kr-radius:    10px;
  --kr-radius-lg: 16px;
  --kr-radius-xl: 24px;
  --kr-radius-full: 999px;

  /* Тени */
  --kr-shadow-sm: 0 1px 2px rgba(28, 57, 0, 0.06), 0 1px 3px rgba(28, 57, 0, 0.08);
  --kr-shadow:    0 4px 12px rgba(28, 57, 0, 0.08), 0 2px 4px rgba(28, 57, 0, 0.06);
  --kr-shadow-lg: 0 12px 32px rgba(28, 57, 0, 0.14), 0 4px 8px rgba(28, 57, 0, 0.08);

  /* Контейнер */
  --kr-container: 1280px;
  --kr-container-wide: 1440px;
  --kr-gutter: 24px;

  /* Переходы */
  --kr-transition: 160ms cubic-bezier(0.4, 0, 0.2, 1);
  --kr-transition-slow: 260ms cubic-bezier(0.4, 0, 0.2, 1);

  /* Высота хедера */
  --kr-header-height: 72px;
}