/* CSS variables */
:root {
  /* Primary accent colors (darker blue replacements) */
  --md-primary-fg-color: #BD0F80;
  --md-accent-fg-color: #BD0F80;
  --md-typeset-a-color: #BD0F80;

  /* Lighter accent colors (brighter blue replacements) */
  --md-accent-fg-color--transparent: rgba(240, 72, 181, 0.1);
}

[data-md-color-scheme="default"] {
  --md-primary-fg-color: #BD0F80;
  --md-accent-fg-color: #BD0F80;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #f048b5;
  --md-accent-fg-color: #f048b5;
}

/* Font sizing */
.md-typeset {
  font-size: clamp(0.75rem, 2.5vw, 0.85rem);
}

.md-nav__link {
  font-size: clamp(0.75rem, 2.5vw, 0.85rem);
}

.md-nav__item--nested > .md-nav__link,
label.md-nav__link {
  font-size: clamp(0.75rem, 2.5vw, 0.85rem);
}

/* Active nav link color - left sidebar only */
.md-nav--primary .md-nav__item .md-nav__link--active {
  color: #BD0F80;
  background: rgba(252, 217, 240, 0.35);
}

[data-md-color-scheme="slate"] .md-nav--primary .md-nav__item .md-nav__link--active {
  background: rgba(252, 217, 240, 0.075);
}

/* Table of contents (right side) - no background */
.md-nav--secondary .md-nav__link--active {
  color: #BD0F80;
  background: none;
}

.md-nav__item .md-nav__link--active:hover {
  color: #f048b5;
}

/* Search result highlight */
.md-search-result__item--active {
  background: rgba(252, 217, 240, 0.25);
}

.md-search-result mark {
  background: rgba(252, 217, 240, 0.25);
}

/* Admonition font sizing */
.md-typeset .admonition,
.md-typeset details {
  font-size: clamp(0.7rem, 2.5vw, 0.78rem);
}

.md-typeset .admonition-title,
.md-typeset summary {
  font-size: clamp(0.7rem, 2.5vw, 0.78rem);
}

.md-typeset .admonition-title::before,
.md-typeset summary::before {
  top: .25em;
}

/* Footer font sizing */
.md-footer__title {
  font-size: clamp(0.75rem, 2.5vw, 0.85rem);
}

/* Header title styling */
.md-header__topic:first-child {
  font-weight: 500;
}

.md-header__title {
  font-size: clamp(0.95rem, 2.5vw, 1rem);
}

/* Source repository font sizing */
.md-source {
  font-size: 0.65rem;
}

/* Hyperlink color */
.md-typeset a {
  color: #f048b5;
}

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

.md-typeset .headerlink:hover {
  color: #f048b5;
}

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

/* Logo color for dark mode - invert black to white */
[data-md-color-scheme="slate"] .md-logo img {
  filter: invert(1);
}

/* FAQ collapsible styling - matches Turnkey style */
.md-typeset details.question {
  border: none !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.md-typeset details.question > summary {
  background-color: transparent !important;
  font-size: clamp(0.75rem, 2.5vw, 0.85rem);
  font-weight: 700;
  color: var(--md-default-fg-color);
  cursor: pointer;
  border: none !important;
  min-height: 0 !important;
}

/* Chevron icon on the left - right arrow */
.md-typeset details.question > summary::before {
  content: "▸" !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  font-size: clamp(0.75rem, 2.5vw, 0.85rem) !important;
  color: var(--md-default-fg-color) !important;
  background-color: transparent !important;
  background-image: none !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
  width: auto !important;
  height: auto !important;
}

/* Hide the default after icon */
.md-typeset details.question > summary::after {
  display: none !important;
}

/* Change to down arrow when expanded */
.md-typeset details.question[open] > summary::before {
  content: "▾" !important;
}

/* Answer content styling */
.md-typeset details.question > p,
.md-typeset details.question > ul,
.md-typeset details.question > ol {
  font-size: clamp(0.75rem, 2.5vw, 0.85rem);
  font-weight: 400;
  color: var(--md-default-fg-color);
  padding: 0 0 1rem 1.5rem !important;
  margin: 0 !important;
  line-height: 1.6;
}

/* Make strong/bold text lighter */
.md-typeset details.question strong {
  font-weight: 600;
}

/* Social icons sizing - make Codeberg and Mastodon slightly larger */
a.md-social__link[href*="codeberg"] svg,
a.md-social__link[href*="mstdn"] svg {
  max-height: 0.95rem;
}

/* Grid card icons - match link color */
.md-typeset .grid .card .twemoji,
.md-typeset .grid .card svg {
  color: #f048b5;
}

/* Full width tables */
.md-typeset table:not([class]) {
  width: 100%;
}

.md-typeset table th,
.md-typeset table td {
  font-size: clamp(0.7rem, 2.5vw, 0.795rem);
  padding: 0.75rem 1.5rem;
}

/* Indented feature block - no border, normal text color */
.md-typeset .indent-block {
  margin-left: 1.5rem;
  margin-bottom: 1rem;
}

.md-typeset .indent-block p {
  margin: 0;
  color: var(--md-default-fg-color);
}

/* Task list spacing */
.md-typeset .task-list-indicator::before {
  margin-right: 0.5em;
}

/* Override quote admonition icon with open book */
:root {
  --md-admonition-icon--quote: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"/><path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"/></svg>');
}