/* Irrenhaus Gaming — brand theming for MkDocs Material
   Palette pulled from the Helios landing site (assets/sass/main.scss):
   accent #df7366 (hover #ef8376) · dark surfaces #2b252c / #3b353c · headings #483949 */

:root {
  --ih-coral: #df7366;
  --ih-coral-light: #ef8376;
  --ih-plum: #483949;
}

/* Light scheme: coral primary/accent */
[data-md-color-scheme="default"] {
  --md-primary-fg-color: var(--ih-coral);
  --md-primary-fg-color--light: var(--ih-coral-light);
  --md-primary-fg-color--dark: #c85f53;
  --md-accent-fg-color: var(--ih-coral-light);
  --md-typeset-a-color: #c85f53;
}

/* Dark scheme (slate): coral accents on the site's dark plum surfaces */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: var(--ih-coral);
  --md-primary-fg-color--light: var(--ih-coral-light);
  --md-primary-fg-color--dark: #2b252c;
  --md-accent-fg-color: var(--ih-coral-light);
  --md-typeset-a-color: var(--ih-coral-light);

  /* Match the landing site's dark plum backgrounds */
  --md-default-bg-color: #2b252c;
  --md-default-bg-color--light: #3b353c;
  --md-code-bg-color: #211c22;
  --md-footer-bg-color: #211c22;
  --md-footer-bg-color--dark: #1b171c;
}

/* Header bar stays dark plum in both schemes so it reads as the same brand */
.md-header,
.md-tabs {
  background-color: #2b252c;
  color: #ffffff;
}

/* Coral hover on nav/links for both schemes */
.md-typeset a:hover {
  color: var(--ih-coral-light);
}

/* --- Grid cards on the landing/overview pages --- */
.md-typeset .grid.cards > ul > li,
.md-typeset .grid > .card {
  border-radius: 0.5rem;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.md-typeset .grid.cards > ul > li:hover,
.md-typeset .grid > .card:hover {
  border-color: var(--ih-coral);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
  transform: translateY(-2px);
}

/* Card lead icons in brand coral */
.md-typeset .grid.cards .lg.middle svg,
.md-typeset .grid.cards .twemoji.lg svg {
  fill: var(--ih-coral);
}

/* --- "Zur Website" link: make the way back obvious --- */
/* As a top-level tab */
.md-tabs__item a[href^="https://irrenhaus-gaming.de"] {
  font-weight: 700;
}

/* In the sidebar nav (when tabs collapse on mobile) */
.md-nav__link[href^="https://irrenhaus-gaming.de"] {
  font-weight: 700;
  color: var(--ih-coral-light);
}
.md-nav__link[href^="https://irrenhaus-gaming.de"]:hover {
  color: var(--ih-coral);
}