/* ===== 1. EDIT THESE ===== */
:root {
  /* accent color, as hue / saturation / lightness */
  --primary-hue: 150deg;
  --primary-saturation: 80%;
  --primary-lightness: 40%;
}

.dark {
  --primary-hue: 150deg;
  --primary-saturation: 90%;
  --primary-lightness: 50%;

  /* page background in dark mode (Hextra's default is #111) */
  --color-dark: #000000;
}

/* ===== 2. CAPTURED TOKENS (dark mode) ===== */
.dark {
  --site-text: oklch(0.967 0.003 264.542); /* gray-100 */
  --site-heading: oklch(0.968 0.007 247.896); /* slate-100 */
  --site-link: oklch(0.967 0.003 264.542);
  --site-code-bg: oklab(0.82847 -0.0503022 -0.0827498 / 0.1);
}

/* ===== 3. OPTIONAL TUNING ===== */
:root {
  --site-font:
    "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --site-mono:
    "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
  --site-radius: 0.5rem;
}

/* code blocks */
.hextra-code-block pre {
  border-radius: var(--site-radius);
}
.dark .hextra-code-block pre {
  background-color: #020102;
}

/* sidebar items */
.hextra-sidebar-item a {
  border-radius: var(--site-radius);
}

/* feature cards */
.hextra-feature-card {
  border-radius: var(--site-radius);
}

/* navbar logo */
.nav-container nav a img {
  border-radius: var(--site-radius); /* 0.5rem, matches your other elements */
}
.cover-image {
  width: 100%;
  max-height: 10rem;
  object-fit: cover;
  border-radius: var(--site-radius);
  margin-bottom: 1rem;
}

/* ── Sidebar active item: red instead of green ── */
.hextra-sidebar-active-item {
  background-color: rgba(239, 68, 68, 0.12) !important;
  color: rgb(185, 28, 28) !important;
}

.dark .hextra-sidebar-active-item {
  background-color: rgba(239, 68, 68, 0.15) !important;
  color: rgb(252, 165, 165) !important;
}

/* Active item border accent */
.hextra-sidebar-active-item:is(.contrast-more *) {
  border-color: rgb(239, 68, 68) !important;
}

/* Search trigger & links accent color */
:root {
  --hextra-primary-hue: 0;
  --hextra-primary-saturation: 80%;
}