/*
  01 Курс, цветовая версия. Разметка и сетка те же, что в 01-kurs, меняется только роль цветов.

  Иерархия палитры:
  1. White: основной фон, большая часть страницы.
  2. Sea Foam: главный акцент. Блок «О компании», кнопки, ссылки, даты, линии, тонированные разделы.
  3. Deep Sea: второй акцент. Текст, главная карточка услуг, блок обратной связи.
  4. Riviera Orange и Red: точечно. Оранжевый только у одной кнопки в hero, красный только у предупреждения о мошенниках.
  Gold, Sand и Aqua без номера: Gold остаётся счётчиком на Deep Sea, Sand и Aqua убраны.

  Цвета по подписям гайдлайна: Sea Foam #156A85, Gold #A58D69, Sand #F4ECDD.
*/

:root {
  --sea-foam: #156A85;
  --sea-foam-dark: #0F5068;
  --gold: #A58D69;
  --sand: #F4ECDD;

  /* Тон Sea Foam 7% на белом: фон чередующихся разделов вместо Sand */
  --sea-foam-tint: #EFF5F7;
  --line: #DAE5E9;
}

/* Шапка: «Открыть счет» становится основной кнопкой главного акцента */

.header__cta {
  border-color: var(--sea-foam);
  background: var(--sea-foam);
  color: var(--white);
}

.header__cta:hover {
  border-color: var(--sea-foam-dark);
  background: var(--sea-foam-dark);
}

/* О компании: самая крупная плоскость Sea Foam на странице */

.about {
  --text: var(--white);
  --text-muted: rgba(255, 255, 255, 0.8);
  --line: rgba(255, 255, 255, 0.3);
  background: var(--sea-foam);
  color: var(--white);
}

.about__rule {
  color: var(--white);
}

.about .btn--primary {
  background: var(--white);
  color: var(--sea-foam);
}

.about .btn--primary:hover {
  background: var(--deep-sea);
  color: var(--white);
}

.about .notice {
  border-color: transparent;
  border-left-color: var(--red);
}

/* Услуги: главная карточка на Deep Sea, счётчик Gold (Gold допустим только по Deep Sea) */

.product--main {
  --text-muted: var(--text-on-dark-muted);
  background: var(--deep-sea);
  color: var(--white);
}

.product--main .product__counter {
  color: var(--gold);
}

.product--main .btn--primary {
  background: var(--white);
  color: var(--deep-sea);
}

.product--main .btn--primary:hover {
  background: var(--sea-foam);
  color: var(--white);
}

/* Аналитика и проекты: тонированный Sea Foam вместо Sand, двойные линии главного акцента */

.analytics,
.projects {
  background: var(--sea-foam-tint);
}

.card__rule {
  color: var(--sea-foam);
}

.logos {
  border-color: var(--line);
  background: var(--line);
}

/* Награды: разделители главного акцента */

.award {
  border-top-color: var(--sea-foam);
}

/* Обратная связь: оранжевый уже занят кнопкой в hero, отправка формы в Sea Foam */

.contact .btn--signal {
  background: var(--sea-foam);
  color: var(--white);
}

.contact .btn--signal:hover {
  background: var(--sea-foam-dark);
}