/* Header-bakgrund tvingad till skogsgrön */
.md-header,
.md-tabs {
  background-color: #2E604A;
}

/* Mörkt läge: lite ljusare */
[data-md-color-scheme="slate"] .md-header,
[data-md-color-scheme="slate"] .md-tabs {
  background-color: #1f4533;
}

/* ── Tydligare tabbar ────────────────────────────────────────── */

/* Inaktiva tabbar: grå bakgrund så de syns som knappar */
.tabbed-set .tabbed-labels label {
  background-color: #e8e8e8;
  border-radius: 4px 4px 0 0;
  color: #555;
  font-weight: 500;
  margin-right: 3px;
  padding: 6px 14px;
  transition: background-color 0.15s, color 0.15s;
}

/* Hover: lite mörkare grå */
.tabbed-set .tabbed-labels label:hover {
  background-color: #d0d0d0;
  color: #222;
}

/* ── PastPaths Skog-tema ──────────────────────────────────────── */

/* Fraunces för rubriker (Source Sans 3 hanteras av theme.font) */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&display=swap');

/* Färgschema: skogsgrön primär, koppar accent */
:root {
  --md-primary-fg-color:        #2E604A;
  --md-primary-fg-color--light: #4a8068;
  --md-primary-fg-color--dark:  #1f4533;
  --md-accent-fg-color:         #C16E36;
  --md-accent-fg-color--transparent: rgba(193, 110, 54, 0.1);
  --md-typeset-a-color:         #2E604A;
}

/* Mörkt läge: ljusare toner för kontrast */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color:        #4a8068;
  --md-accent-fg-color:         #D58858;
  --md-typeset-a-color:         #7ab895;
}

/* Rubriker i Fraunces */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
  font-family: 'Fraunces', Georgia, serif;
  font-weight: 600;
  letter-spacing: -0.01em;
}

.md-typeset h1 {
  font-weight: 700;
  color: #1f4533;
}

[data-md-color-scheme="slate"] .md-typeset h1 {
  color: #a8d4bd;
}

/* Header-titel också i Fraunces */
.md-header__title {
  font-family: 'Fraunces', Georgia, serif;
  font-weight: 600;
}

/* Primärknappar i skogsgrönt */
.md-typeset .md-button--primary {
  background-color: #2E604A;
  border-color: #2E604A;
}

.md-typeset .md-button--primary:hover,
.md-typeset .md-button--primary:focus {
  background-color: #C16E36;
  border-color: #C16E36;
}

/* Note/tip-admonitions med skogsgrön accent */
.md-typeset .admonition.note,
.md-typeset details.note {
  border-color: #2E604A;
}

.md-typeset .note > .admonition-title,
.md-typeset .note > summary {
  background-color: rgba(46, 96, 74, 0.1);
}

.md-typeset .note > .admonition-title::before,
.md-typeset .note > summary::before {
  background-color: #2E604A;
}

/* Tip-admonitions i koppar */
.md-typeset .admonition.tip,
.md-typeset details.tip {
  border-color: #C16E36;
}

.md-typeset .tip > .admonition-title,
.md-typeset .tip > summary {
  background-color: rgba(193, 110, 54, 0.1);
}

.md-typeset .tip > .admonition-title::before,
.md-typeset .tip > summary::before {
  background-color: #C16E36;
}

/* Aktiv tabb: skogsgrönt + vit text */
.md-typeset .tabbed-set input:nth-child(1):checked ~ .tabbed-labels label:nth-child(1),
.md-typeset .tabbed-set input:nth-child(2):checked ~ .tabbed-labels label:nth-child(2),
.md-typeset .tabbed-set input:nth-child(3):checked ~ .tabbed-labels label:nth-child(3),
.md-typeset .tabbed-set input:nth-child(4):checked ~ .tabbed-labels label:nth-child(4),
.md-typeset .tabbed-set input:nth-child(5):checked ~ .tabbed-labels label:nth-child(5) {
  background-color: #2E604A;
  color: #fff;
}

/* Mörkt läge – anpassa inaktiva tabbar */
[data-md-color-scheme="slate"] .tabbed-set .tabbed-labels label {
  background-color: #3a3a3a;
  color: #bbb;
}

[data-md-color-scheme="slate"] .tabbed-set .tabbed-labels label:hover {
  background-color: #4a4a4a;
  color: #fff;
}

/* Aktivt menyobjekt i sidomenyn — mörkgrön */
.md-nav__link--active,
.md-nav__item .md-nav__link--active {
  color: #2E604A;
}

[data-md-color-scheme="slate"] .md-nav__link--active,
[data-md-color-scheme="slate"] .md-nav__item .md-nav__link--active {
  color: #7ab895;
}

/* ── Navigation: vänster sidomeny ─────────────────────────────── */

/* Aktiv länk */
.md-nav__link--active,
.md-nav__item .md-nav__link--active,
.md-nav__link--active code {
  color: #2E604A;
  font-weight: 600;
}

/* Hover */
.md-nav__link:focus,
.md-nav__link:hover {
  color: #C16E36;
}

/* Sektionsrubriker ("Kom igång", "Manual" osv.) */
.md-nav__item--section > .md-nav__link,
.md-nav__title {
  color: #1f4533;
  font-weight: 700;
}

/* ── Navigation: höger TOC (innehållsförteckning) ─────────────── */

.md-sidebar--secondary .md-nav__link--active {
  color: #2E604A;
  border-left: 2px solid #2E604A;
  padding-left: 0.5rem;
  margin-left: -0.625rem;
}

/* ── Breadcrumbs / tabs i toppen (om navigation.tabs aktiveras) ── */

.md-tabs__link--active,
.md-tabs__link:hover {
  color: #fff;
  opacity: 1;
  font-weight: 600;
}

/* ── Sökning ─────────────────────────────────────────────────── */

.md-search-result__link:hover,
.md-search-result__link[data-md-state="active"] {
  background-color: rgba(46, 96, 74, 0.1);
}

.md-search-result mark {
  color: #C16E36;
  font-weight: 600;
}

/* ── Länkar i brödtexten ─────────────────────────────────────── */

.md-typeset a {
  color: #2E604A;
  font-weight: 500;
}

.md-typeset a:hover {
  color: #C16E36;
}

/* ── Kodblock: subtil grön kantlinje ─────────────────────────── */

.md-typeset code {
  background-color: rgba(46, 96, 74, 0.08);
  color: #1f4533;
  border-radius: 3px;
}

.md-typeset pre > code {
  background-color: transparent;
  color: inherit;
}

/* ── Tabellrubriker i skogsgrönt ─────────────────────────────── */

.md-typeset table:not([class]) th {
  background-color: rgba(46, 96, 74, 0.1);
  color: #1f4533;
  font-weight: 600;
}

/* ── "Tillbaka till toppen"-knapp ─────────────────────────────── */

.md-top {
  background-color: #2E604A;
  color: #fff;
}

.md-top:hover {
  background-color: #C16E36;
}

/* ──────────────────────────────────────────────────────────── */
/*  MÖRKT LÄGE                                                   */
/* ──────────────────────────────────────────────────────────── */

[data-md-color-scheme="slate"] {
  /* Navigation */
  & .md-nav__link--active,
  & .md-nav__item .md-nav__link--active {
    color: #7ab895;
  }

  & .md-nav__link:focus,
  & .md-nav__link:hover {
    color: #D58858;
  }

  & .md-nav__item--section > .md-nav__link,
  & .md-nav__title {
    color: #a8d4bd;
  }

  /* TOC */
  & .md-sidebar--secondary .md-nav__link--active {
    color: #7ab895;
    border-left-color: #7ab895;
  }

  /* Länkar */
  & .md-typeset a {
    color: #7ab895;
  }

  & .md-typeset a:hover {
    color: #D58858;
  }

  /* Kod */
  & .md-typeset code {
    background-color: rgba(122, 184, 149, 0.15);
    color: #a8d4bd;
  }

  /* Tabeller */
  & .md-typeset table:not([class]) th {
    background-color: rgba(122, 184, 149, 0.15);
    color: #a8d4bd;
  }

  /* Sök */
  & .md-search-result__link:hover {
    background-color: rgba(122, 184, 149, 0.15);
  }
}