/* ==========================================================================
 * Wallow Docs Theme — AUTO-GENERATED from branding.json
 * Do not edit manually. Run: node scripts/generate-docs-theme.mjs
 * ========================================================================== */

:root {

  /* light mode — generated from branding.json */
  --bs-primary: oklch(0.72 0.15 85);
  --bs-primary-rgb: 160, 84, 0;
  --bs-link-color: oklch(0.72 0.15 85);
  --bs-link-color-rgb: 160, 84, 0;
  --bs-link-hover-color: oklch(0.72 0.15 85);
  --bs-body-bg: oklch(0.97 0.008 70);
  --bs-body-bg-rgb: 241, 231, 221;
  --bs-body-color: oklch(0.22 0.035 45);
  --bs-body-color-rgb: 5, 2, 1;
  --bs-heading-color: oklch(0.22 0.035 45);
  --bs-emphasis-color: oklch(0.22 0.035 45);
  --bs-emphasis-color-rgb: 5, 2, 1;
  --bs-border-color: oklch(0.86 0.02 70);
  --bs-secondary-bg: oklch(0.92 0.012 70);
  --bs-secondary-bg-rgb: 210, 197, 183;
  --bs-secondary-color: oklch(0.25 0.03 45);
  --bs-tertiary-bg: oklch(0.93 0.008 70);
  --bs-tertiary-color: oklch(0.50 0.02 55);
  --bs-code-color: oklch(0.22 0.035 45);
}

[data-bs-theme="dark"] {

  /* dark mode — generated from branding.json */
  --bs-primary: oklch(0.72 0.15 85);
  --bs-primary-rgb: 160, 84, 0;
  --bs-link-color: oklch(0.72 0.15 85);
  --bs-link-color-rgb: 160, 84, 0;
  --bs-link-hover-color: oklch(0.72 0.15 85);
  --bs-body-bg: oklch(0.24 0.04 45);
  --bs-body-bg-rgb: 7, 2, 1;
  --bs-body-color: oklch(0.92 0.012 70);
  --bs-body-color-rgb: 210, 197, 183;
  --bs-heading-color: oklch(0.92 0.012 70);
  --bs-emphasis-color: oklch(0.92 0.012 70);
  --bs-emphasis-color-rgb: 210, 197, 183;
  --bs-border-color: oklch(0.34 0.03 45);
  --bs-secondary-bg: oklch(0.30 0.03 45);
  --bs-secondary-bg-rgb: 11, 6, 4;
  --bs-secondary-color: oklch(0.88 0.015 70);
  --bs-tertiary-bg: oklch(0.28 0.025 45);
  --bs-tertiary-color: oklch(0.60 0.02 55);
  --bs-code-color: oklch(0.88 0.015 70);
}

/* Navbar */
.navbar {
  --bs-navbar-brand-color: oklch(0.92 0.012 70);
  --bs-navbar-brand-hover-color: oklch(0.92 0.012 70);
  --bs-navbar-color: oklch(0.92 0.012 70);
  --bs-navbar-hover-color: oklch(0.92 0.012 70);
  --bs-navbar-active-color: oklch(0.92 0.012 70);
  background-color: oklch(0.24 0.04 45) !important;
}

.navbar-brand {
  font-weight: 700;
  letter-spacing: 0.05em;
}

.navbar .btn.dropdown-toggle {
  --bs-btn-color: var(--bs-navbar-color);
  --bs-btn-hover-color: var(--bs-navbar-hover-color);
  --bs-btn-active-color: var(--bs-navbar-active-color);
}

.navbar .dropdown-menu {
  --bs-dropdown-link-color: var(--bs-body-color);
  --bs-dropdown-link-hover-color: var(--bs-body-color);
  --bs-dropdown-link-hover-bg: var(--bs-secondary-bg);
  --bs-dropdown-link-active-color: var(--bs-body-bg);
  --bs-dropdown-link-active-bg: var(--bs-body-color);
}

/* Code blocks */
pre {
  background-color: oklch(1 0 0);
  border: 1px solid oklch(0.86 0.02 70);
  border-radius: 0.5rem;
}

[data-bs-theme="dark"] pre {
  background-color: oklch(0.28 0.035 45);
  border-color: oklch(0.34 0.03 45);
}

/* Alert/callout accent */
.alert-primary {
  --bs-alert-bg: oklch(0.88 0.035 75);
  --bs-alert-color: oklch(0.22 0.035 45);
  --bs-alert-border-color: oklch(0.86 0.02 70);
}

[data-bs-theme="dark"] .alert-primary {
  --bs-alert-bg: oklch(0.32 0.035 50);
  --bs-alert-color: oklch(0.88 0.015 70);
  --bs-alert-border-color: oklch(0.34 0.03 45);
}