/* ============================================================
   Tema del manuale allineato a atacod.com
   Token: sfondo #07080a · testo #e8ecf6 · verde #22f391
   Font: Manrope (testo, via theme.font) · Space Grotesk (titoli)
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&display=swap');

/* ---------- Schema chiaro: header nero, accenti verdi ---------- */
[data-md-color-scheme="default"] {
  --md-primary-fg-color: #07080a;          /* header/topbar nero come il sito */
  --md-primary-fg-color--light: #22f391;
  --md-primary-fg-color--dark: #000000;
  --md-primary-bg-color: #e8ecf6;          /* testo sull'header */
  --md-primary-bg-color--light: #b9c0cf;
  --md-accent-fg-color: #0aa863;           /* verde scurito: leggibile su bianco */
  --md-typeset-a-color: #0a9c5c;
}

/* ---------- Schema scuro: la palette del sito ---------- */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #07080a;
  --md-primary-fg-color--light: #22f391;
  --md-primary-fg-color--dark: #000000;
  --md-primary-bg-color: #e8ecf6;
  --md-primary-bg-color--light: #b9c0cf;
  --md-accent-fg-color: #22f391;
  --md-typeset-a-color: #22f391;

  --md-default-bg-color: #07080a;
  --md-default-fg-color: #e8ecf6;
  --md-default-fg-color--light: #b9c0cf;
  --md-default-fg-color--lighter: #6e7687;
  --md-default-fg-color--lightest: rgba(232, 236, 246, .12);
  --md-code-bg-color: #0e1116;
  --md-code-fg-color: #d5dbe8;
  --md-footer-bg-color: #050607;
  --md-footer-bg-color--dark: #030404;
  --md-typeset-table-color: rgba(232, 236, 246, .10);
}

/* ---------- Tipografia: titoli in Space Grotesk ---------- */
.md-typeset h1, .md-typeset h2, .md-typeset h3, .md-typeset h4,
.md-header__topic, .md-nav__title {
  font-family: "Space Grotesk", "Manrope", system-ui, sans-serif;
  font-weight: 600;
  letter-spacing: -0.01em;
}
.md-typeset h1 { color: var(--md-default-fg-color); }

/* ---------- Header: pillole in stile sito ---------- */
.md-header { border-bottom: 1px solid rgba(34, 243, 145, .18); }
.md-search__form { border-radius: 999px; }
[data-md-color-scheme="slate"] .md-search__form { background: rgba(232, 236, 246, .08); }
.md-version__current { color: #22f391; }

/* Selezione testo verde come il sito */
.md-typeset ::selection { background: rgba(34, 243, 145, .32); }

/* ---------- Sidebar / link attivi ---------- */
.md-nav__link--active, .md-nav__item .md-nav__link--active {
  color: var(--md-accent-fg-color);
  font-weight: 700;
}

/* ---------- Logo ---------- */
.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  height: 1.4rem;
}

/* ---------- Screenshot e video: cornice scura arrotondata ---------- */
.md-typeset img {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 10px;
}
.md-typeset video {
  width: 100%;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 10px;
}

/* ---------- Admonition/badge: il verde sostituisce il blu di default ---------- */
.md-typeset .admonition.note, .md-typeset details.note {
  border-color: rgba(34, 243, 145, .4);
}
.md-typeset .note > .admonition-title, .md-typeset .note > summary {
  background-color: rgba(34, 243, 145, .10);
}
.md-typeset .note > .admonition-title::before, .md-typeset .note > summary::before {
  background-color: #0aa863;
}
[data-md-color-scheme="slate"] .md-typeset .note > .admonition-title::before,
[data-md-color-scheme="slate"] .md-typeset .note > summary::before {
  background-color: #22f391;
}

/* ---------- Tabelle: testata scura ---------- */
.md-typeset table:not([class]) th {
  background: rgba(34, 243, 145, .08);
}

/* ---------- Footer feedback ---------- */
.pg-feedback__btn:hover {
  border-color: var(--md-accent-fg-color) !important;
  color: var(--md-accent-fg-color) !important;
}