
/* Базовый набор цветов для проекта */
:root {
  /* Основные */
  --color-primary: #003366;          /* Тёмно‑синий */
  --color-primary-light: #1976D2;    /* Светло‑синий (для ссылок) */
  --color-success: #4CAF50;          /* Зелёный (Кадры) */
  --color-info: #009688;             /* Бирюзовый (IT) */
  --color-accent: #FF6600;          /* Оранжевый (CTA) */
  --color-accent-bright: #f88030;          /* Оранжевый (CTA) При наведении */
  --color-gold: #FFC107;             /* Золотой (Плюс) */
  --color-bg: #F5F5F5;               /* Фон страниц */
  --color-bg-light: #FFFFFF;         /* Белый фон блоков */
  --color-text: #212121;             /* Основной текст */
  --color-muted: #757575;            /* Подзаголовки, вспомогательный текст */
  --color-error: #D32F2F;             /* Ошибки */
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.5;
  color: var(--color-text);
  background-color: var(--color-bg);
}

/* Список продукции */
.accordion-body {
    border:#0b4baa36;
    border-radius: 1px;
    border-style:solid;
    margin: 5px;
    padding: 3px;
    border-radius: 10px;
}

.load-product-btn {
    background-color: var(--primary-color);
    color: var(--light-gray);
    transition: 0.3s ease;
}

.load-product-btn:hover {
    background-color: var(--primary-color-darker);
    color: var(--classic-white);
    transform: scale(1.03);
    transition: transform 0.3s ease;
}

#about-systems-link-to-cta-form {
    background-color: var(--primary-color);
    color: var(--light-gray);
}

#about-systems-link-to-cta-form:hover {
    background-color: var(--primary-color-darker);
    color: var(--classic-white);
}


/* Форма заявки */
#cta-btn-form-confirm {
    background-color: var(--success-color);
}