/*
 * AWDC docs — кастомные брендовые цвета.
 *
 * Зелёный #16a34a (Tailwind green-600) используется в Web UI как
 * primary brand color (captive landing, h1, кнопка «Открыть Web UI»),
 * meta theme-color и иконке PWA. Сюда же — для consistency.
 *
 * Material primary/accent через схему "custom" подхватывают эти
 * CSS-переменные. Дальше Material сам генерит hover/active/dark variants.
 */

[data-md-color-scheme="default"] {
  --md-primary-fg-color:        #16a34a;
  --md-primary-fg-color--light: #22c55e;
  --md-primary-fg-color--dark:  #15803d;
  --md-accent-fg-color:         #15803d;
  --md-accent-fg-color--transparent: #15803d1a;
  --md-accent-bg-color:         #ffffff;
  --md-accent-bg-color--light:  #ffffffb3;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color:        #16a34a;
  --md-primary-fg-color--light: #22c55e;
  --md-primary-fg-color--dark:  #15803d;
  --md-accent-fg-color:         #4ade80;     /* светлее на тёмном фоне */
  --md-accent-fg-color--transparent: #4ade801a;
  --md-accent-bg-color:         #0f172a;
  --md-accent-bg-color--light:  #0f172ab3;
}

/* Брендовая капля логотипа лучше смотрится без скруглений.
   Material по умолчанию делает logo с radius — отключаем. */
.md-header__button.md-logo img {
  border-radius: 0;
}

/* Ссылки в контенте — основной зелёный, hover темнее */
.md-content a {
  color: var(--md-primary-fg-color);
}
.md-content a:hover {
  color: var(--md-primary-fg-color--dark);
}