/* mint-change.ru — свои стили (ng-custom).
   Единый приглушённый тёмный цвет для футера, кнопок и стрелки «наверх».
   Чтобы поменять оттенок — правь --mc-dark ниже. */
:root {
  --mc-dark: #242a34;        /* приглушённый графит, не чёрный */
  --mc-dark-hover: #2e3542;  /* чуть светлее — для наведения */
  --mc-on-dark: #eef0f4;     /* цвет текста/иконок на тёмном */
}

/* ===== Фирменный цвет: фиолетовый -> мятно-зелёный =====
   Меняет primary во всех кнопках, ховерах, аккордеоне футера, активных состояниях.
   Оттенок правится в --mc-primary ниже. */
:root {
  --mc-primary: #059669;         /* основной мятно-зелёный */
  --mc-primary-soft: #d1fae5;    /* светлый мятный (акценты/ховер-фон) */
  --mc-primary-softer: #ecfdf5;  /* совсем светлый мятный */
}
:root, .dark {
  --primary: var(--mc-primary) !important;
  --ring: var(--mc-primary) !important;
}
:root {
  --accent: var(--mc-primary-soft) !important;
  --secondary: var(--mc-primary-softer) !important;
}

/* ===== Футер (тёмный на светлой теме) ===== */
footer {
  --footer-background: var(--mc-dark);
  --footer-foreground: var(--mc-on-dark);
  --footer-muted-foreground: #9aa0aa;
  --footer-border: rgba(255, 255, 255, 0.08);
  --footer-link: #cfd3da;
  --footer-link-hover: var(--primary);
  --footer-accent: rgba(255, 255, 255, 0.06);
}

/* ===== Главная кнопка «создать заявку» (submit-кнопка формы обмена) ===== */
button[uibutton][type="submit"] {
  background-color: var(--mc-dark) !important;
  color: var(--mc-on-dark) !important;
  border-color: transparent !important;
}
button[uibutton][type="submit"]:hover {
  background-color: var(--mc-dark-hover) !important;
}

/* ===== Кнопка «наверх» (плавающая, слева внизу) ===== */
.fixed.bottom-5.left-5.z-50 > button,
button[aria-label="Прокрутить страницу наверх"] {
  background-color: var(--mc-dark) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: var(--mc-on-dark) !important;
}
.fixed.bottom-5.left-5.z-50 > button:hover,
button[aria-label="Прокрутить страницу наверх"]:hover {
  background-color: var(--mc-dark-hover) !important;
}