/* ==========================================================================
   Dedykowane style kolorystyczne nEditor – główny motyw #222222
   ========================================================================== */

/* Domyślny tryb (jasny) oraz definicje zmiennych motywu */
:root,
[data-md-color-scheme="default"],
[data-md-color-primary="custom"] {
  --md-primary-fg-color:             #222222;
  --md-primary-fg-color--light:      #333333;
  --md-primary-fg-color--dark:       #111111;
  --md-primary-bg-color:             #ffffff;
  --md-primary-bg-color--light:      rgba(255, 255, 255, 0.7);

  --md-accent-fg-color:              #222222;
  --md-accent-fg-color--transparent: rgba(34, 34, 34, 0.1);
  --md-accent-bg-color:              #ffffff;
  --md-accent-bg-color--light:       rgba(255, 255, 255, 0.7);

  --md-typeset-a-color:              #222222;
}

/* Pasek nawigacji górnej */
.md-header {
  background-color: #222222;
}
.md-header__inner {
  background-color: #222222 !important;
}

/* Ukrycie logo w pasku nawigacji i menu bocznym */
.md-header__button.md-logo,
.md-nav__button.md-logo,
.md-logo {
  display: none !important;
}

/* Nagłówki w treści */
[data-md-color-scheme="default"] .md-typeset h1,
[data-md-color-scheme="default"] .md-typeset h2,
[data-md-color-scheme="default"] .md-typeset h3,
[data-md-color-scheme="default"] .md-typeset h4,
[data-md-color-scheme="default"] .md-typeset h5,
[data-md-color-scheme="default"] .md-typeset h6 {
  color: #222222;
}

/* Linki w nagłówkach */
[data-md-color-scheme="default"] .md-typeset :is(h1, h2, h3, h4, h5, h6) a {
  color: #222222;
}

/* Linki w treści dokumentu */
[data-md-color-scheme="default"] .md-typeset a {
  color: #222222;
}

[data-md-color-scheme="default"] .md-typeset a:hover {
  color: #555555;
}

/* Kotwice permalinków przy nagłówkach (¶) */
[data-md-color-scheme="default"] .md-typeset .headerlink {
  color: #888888;
}

[data-md-color-scheme="default"] .md-typeset :is(h1, h2, h3, h4, h5, h6):hover .headerlink {
  color: #222222;
}

/* Aktywna pozycja w spisie treści oraz w menu nawigacyjnym */
[data-md-color-scheme="default"] .md-nav__link--active {
  color: #222222;
  font-weight: 700;
}

[data-md-color-scheme="default"] .md-nav__link--active:hover {
  color: #000000;
}

/* Przyciski podstawowe */
[data-md-color-scheme="default"] .md-button--primary {
  background-color: #222222;
  border-color: #222222;
  color: #ffffff;
}

[data-md-color-scheme="default"] .md-button--primary:hover {
  background-color: #000000;
  border-color: #000000;
}

/* ==========================================================================
   Tryb ciemny (slate) – zachowanie kontrastu i czytelności
   ========================================================================== */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color:             #222222;
  --md-primary-fg-color--light:      #333333;
  --md-primary-fg-color--dark:       #111111;
  --md-primary-bg-color:             #ffffff;
  --md-primary-bg-color--light:      rgba(255, 255, 255, 0.7);

  --md-accent-fg-color:              #e0e0e0;
  --md-accent-fg-color--transparent: rgba(224, 224, 224, 0.1);
  --md-accent-bg-color:              #222222;
  --md-accent-bg-color--light:       rgba(34, 34, 34, 0.7);

  --md-typeset-a-color:              #90caf9;
}

[data-md-color-scheme="slate"] .md-header {
  background-color: #1a1a1a;
}