/* wolfswerk-wiki/docs/assets/css/extra.css
   Wolfswerk Corporate Design: Navy #075072, Orange #FC9803, Poppins.
   Überschreibt die Material-Theme-Farben für hellen und dunklen Modus. */

/* Poppins Webfont laden */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

:root {
  --ww-navy: #075072;
  --ww-navy-dark: #053b54;
  --ww-orange: #FC9803;
  --ww-orange-light: #ffb13d;
}

/* Heller Modus */
[data-md-color-scheme="default"] {
  --md-primary-fg-color:        var(--ww-navy);
  --md-primary-fg-color--light: #1a6a90;
  --md-primary-fg-color--dark:  var(--ww-navy-dark);
  --md-accent-fg-color:         var(--ww-orange);
  --md-typeset-a-color:         var(--ww-navy);
}

/* Dunkler Modus */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color:        var(--ww-navy);
  --md-primary-fg-color--light: #1a6a90;
  --md-primary-fg-color--dark:  var(--ww-navy-dark);
  --md-accent-fg-color:         var(--ww-orange);
  --md-typeset-a-color:         var(--ww-orange-light);
}

/* Schrift global auf Poppins */
body, input, .md-typeset {
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* Akzent auf aktiven Navigationspunkt */
.md-nav__link--active {
  color: var(--ww-orange) !important;
  font-weight: 600;
}

/* Screenshots dezent rahmen, damit sie sich vom Text abheben */
.md-typeset img {
  border: 1px solid rgba(7, 80, 114, 0.18);
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(7, 80, 114, 0.10);
}

/* Buttons / Call-to-action im Orange */
.md-typeset .md-button--primary {
  background-color: var(--ww-orange);
  border-color: var(--ww-orange);
  color: #fff;
}