/* ConsentForge Docs — Editorial Theme Override */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,400&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&family=Geist:wght@400;500;600&display=swap');

:root {
  --ifm-color-primary: #a04646;
  --ifm-color-primary-dark: #8e3e3e;
  --ifm-color-primary-darker: #853a3a;
  --ifm-color-primary-darkest: #6e3030;
  --ifm-color-primary-light: #ad5252;
  --ifm-color-primary-lighter: #b25959;
  --ifm-color-primary-lightest: #c07070;
  --ifm-background-color: #faf9f5;
  --ifm-background-surface-color: #f5f1e8;
  --ifm-font-family-base: 'Inter', 'Geist', ui-sans-serif, system-ui, sans-serif;
  --ifm-heading-font-family: 'Fraunces', ui-serif, Georgia, serif;
  --ifm-font-family-monospace: 'JetBrains Mono', ui-monospace, monospace;
  --ifm-heading-color: #17160f;
  --ifm-font-color-base: #3f3d32;
  --ifm-code-font-size: 90%;
  --ifm-navbar-background-color: rgba(250, 249, 245, 0.85);
  --ifm-navbar-shadow: 0 1px 0 rgba(23, 22, 15, 0.06);
  --ifm-footer-background-color: #17160f;
  --ifm-footer-color: #a8a394;
  --ifm-footer-link-color: #d8d2bf;
  --ifm-footer-title-color: #f7f5ee;
  --ifm-toc-border-color: rgba(23, 22, 15, 0.08);
  --ifm-hr-border-color: rgba(23, 22, 15, 0.08);
  --ifm-color-emphasis-300: rgba(23, 22, 15, 0.1);
  --ifm-menu-color: #3f3d32;
  --ifm-menu-color-active: #a04646;
  --ifm-menu-color-background-active: rgba(160, 70, 70, 0.08);
  --ifm-breadcrumb-color-active: #a04646;
  --ifm-link-color: #a04646;
  --ifm-tabs-color-active: #a04646;
  --docusaurus-highlighted-code-line-bg: rgba(160, 70, 70, 0.08);
  --cf-gray-50: #f5f1e8;
  --cf-gray-100: #e7e2d3;
  --cf-gray-200: rgba(23, 22, 15, 0.1);
  --cf-gray-500: #706d5e;
  --cf-navy: #17160f;
}

[data-theme='dark'] {
  --ifm-background-color: #1a1915;
  --ifm-background-surface-color: #22211a;
  --ifm-navbar-background-color: rgba(26, 25, 21, 0.9);
  --ifm-font-color-base: #d8d2bf;
  --ifm-heading-color: #f7f5ee;
  --ifm-color-primary: #c07070;
  --ifm-color-primary-dark: #b45e5e;
  --ifm-color-primary-light: #cc8282;
  --ifm-menu-color: #a8a394;
  --ifm-menu-color-active: #c07070;
  --ifm-toc-border-color: rgba(247, 245, 238, 0.08);
  --ifm-hr-border-color: rgba(247, 245, 238, 0.08);
  --ifm-color-emphasis-300: rgba(247, 245, 238, 0.12);
  --cf-gray-50: #22211a;
  --cf-gray-100: #2a2922;
  --cf-gray-200: rgba(247, 245, 238, 0.1);
  --cf-gray-500: #a8a394;
  --cf-navy: #f7f5ee;
}

/* Navbar */
.navbar {
  backdrop-filter: saturate(180%) blur(18px);
  -webkit-backdrop-filter: saturate(180%) blur(18px);
}
.navbar__brand b {
  font-family: 'Fraunces', ui-serif, Georgia, serif;
  letter-spacing: -0.02em;
}

/* Headings */
h1, h2, h3, h4, h5, h6,
.markdown h1, .markdown h2, .markdown h3 {
  font-family: var(--ifm-heading-font-family);
  letter-spacing: -0.02em;
  font-weight: 500;
}

/* Hero override — warm cream instead of dark blue */
main > section:first-child {
  background: linear-gradient(180deg, #faf9f5 0%, #f5f1e8 100%) !important;
}
[data-theme='dark'] main > section:first-child {
  background: linear-gradient(180deg, #1a1915 0%, #22211a 100%) !important;
}
main > section:first-child h1 {
  color: #17160f !important;
  font-family: 'Fraunces', ui-serif, Georgia, serif !important;
  letter-spacing: -0.035em !important;
}
[data-theme='dark'] main > section:first-child h1 {
  color: #f7f5ee !important;
}
main > section:first-child p {
  color: #3f3d32 !important;
}
[data-theme='dark'] main > section:first-child p {
  color: #a8a394 !important;
}
main > section:first-child div:first-child {
  opacity: 0 !important; /* hide grid pattern */
}
main > section:first-child a[style*='background:#a04646'],
main > section:first-child a[style*='background: #a04646'] {
  background: #a04646 !important;
  box-shadow: 0 4px 14px rgba(160, 70, 70, 0.35) !important;
}

/* Badges in hero */
main > section:first-child span[style*='background:rgba(16,185,129'] {
  background: rgba(160, 70, 70, 0.12) !important;
  border-color: rgba(160, 70, 70, 0.25) !important;
  color: #a04646 !important;
}
[data-theme='dark'] main > section:first-child span[style*='background:rgba(16,185,129'] {
  color: #c07070 !important;
}

/* Card hovers */
main section a > div[style*='border:1.5px'] {
  transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s;
}
main section a > div[style*='border:1.5px']:hover {
  border-color: rgba(160, 70, 70, 0.4) !important;
  box-shadow: 0 8px 24px rgba(160, 70, 70, 0.08) !important;
  transform: translateY(-2px);
}

/* Stats bar */
main section[style*='border-top:1px'] div[style*='color:#a04646'] {
  color: #a04646 !important;
}

/* CTA button in need-help */
main section a[style*='background:#a04646'] {
  background: #a04646 !important;
}

/* Sidebar */
.menu__link--active:not(.menu__link--sublist) {
  border-left-color: var(--ifm-color-primary);
}

/* Code blocks */
.prism-code {
  border-radius: 12px;
}

/* Smooth scrolling */
html {
  scroll-behavior: smooth;
}

/* Footer tweak */
.footer--dark {
  background: #17160f;
}
.footer__copyright {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 11.5px;
  letter-spacing: 0.03em;
}

/* v4 — match mainsite exactly */
.navbar__brand b,
.navbar__title {
  font-family: 'Fraunces', ui-serif, Georgia, serif !important;
  font-size: 20px !important;
  letter-spacing: -0.022em !important;
  font-weight: 500 !important;
  color: var(--ifm-heading-color) !important;
}
.navbar__logo img {
  width: 32px !important;
  height: 32px !important;
  border-radius: 8px !important;
}
.navbar-dashboard-link {
  background: #17160f !important;
  color: #faf9f5 !important;
  border-radius: 999px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  padding: 8px 18px !important;
  transition: transform .15s, background .15s !important;
}
.navbar-dashboard-link:hover {
  background: #000 !important;
  color: #faf9f5 !important;
  transform: translateY(-1px) !important;
}
.navbar__link {
  color: var(--ifm-font-color-base) !important;
  font-size: 14.5px !important;
}
.navbar__link:hover {
  color: var(--ifm-heading-color) !important;
}
/* Sidebar active link */
.menu__link--active:not(.menu__link--sublist) {
  color: #a04646 !important;
  font-weight: 600 !important;
}
/* Pagination */
.pagination-nav__link {
  border-color: rgba(23,22,15,0.1) !important;
}
.pagination-nav__link:hover {
  border-color: #a04646 !important;
}
.pagination-nav__sublabel {
  color: #a04646 !important;
}

/* v5 — match docs navbar to main website exactly */
.navbar {
  background: rgba(250, 249, 245, 0.78) !important;
  backdrop-filter: saturate(180%) blur(18px) !important;
  -webkit-backdrop-filter: saturate(180%) blur(18px) !important;
  box-shadow: none !important;
  border-bottom: 1px solid rgba(23, 22, 15, 0.06) !important;
  height: auto !important;
  padding: 14px 0 !important;
}
[data-theme='dark'] .navbar {
  background: rgba(26, 25, 21, 0.85) !important;
  border-bottom-color: rgba(247, 245, 238, 0.06) !important;
}
.navbar__inner {
  max-width: 1320px !important;
  margin: 0 auto !important;
  padding: 0 48px !important;
}
.navbar__brand {
  margin-right: 32px !important;
}
.navbar__logo img {
  width: 32px !important;
  height: 32px !important;
  border-radius: 8px !important;
}
.navbar__title {
  font-family: 'Fraunces', ui-serif, Georgia, serif !important;
  font-size: 22px !important;
  letter-spacing: -0.022em !important;
  font-weight: 500 !important;
}
/* Beta badge after title */
.navbar__brand::after {
  content: 'Beta';
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 9px;
  letter-spacing: 0.1em;
  padding: 2px 6px;
  border-radius: 4px;
  background: var(--ifm-color-primary);
  color: #fff;
  margin-left: 8px;
  font-weight: 600;
  text-transform: uppercase;
  vertical-align: middle;
}
.navbar__item.navbar__link {
  font-size: 14.5px !important;
  color: var(--ifm-font-color-base) !important;
  font-weight: 400 !important;
}
.navbar__item.navbar__link:hover {
  color: var(--ifm-heading-color) !important;
}
/* Dashboard button — match main site CTA pill */
.navbar-dashboard-link {
  background: var(--ifm-heading-color, #17160f) !important;
  color: var(--ifm-background-color, #faf9f5) !important;
  border-radius: 999px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  padding: 0 24px !important;
  height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  transition: transform .15s, background .15s, box-shadow .2s !important;
}
.navbar-dashboard-link:hover {
  background: #000 !important;
  color: #faf9f5 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 30px -12px rgba(0,0,0,.4) !important;
}
.navbar-dashboard-link svg {
  display: none !important;
}
/* Language switcher */
.dropdown__menu {
  border: 1px solid rgba(23,22,15,0.08) !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 24px rgba(23,22,15,0.12) !important;
  background: var(--ifm-background-color) !important;
}
.dropdown__link {
  border-radius: 8px !important;
  font-size: 14px !important;
}
.dropdown__link:hover {
  background: rgba(23,22,15,0.04) !important;
}
.dropdown__link--active {
  color: var(--ifm-color-primary) !important;
  font-weight: 600 !important;
}
/* Search bar */
.navbar__search-input {
  border: 1px solid rgba(23,22,15,0.1) !important;
  border-radius: 12px !important;
  background: rgba(23,22,15,0.02) !important;
  font-family: var(--ifm-font-family-monospace) !important;
  font-size: 13px !important;
}
/* Color mode toggle */
.toggleButton_gllP {
  border-radius: 8px !important;
}
/* Mobile hamburger */
.navbar__toggle {
  color: var(--ifm-heading-color) !important;
}

/* ===========================================================
   v6 — EXACT MATCH to www.consentforge.com (typography & buttons)
   =========================================================== */

/* Font & base sizes pulled from landing.css */
:root {
  --cf-bg: #faf9f5;
  --cf-bg-2: #f1ede2;
  --cf-bg-3: #e7e2d3;
  --cf-fg: #17160f;
  --cf-fg-2: #3f3d32;
  --cf-fg-3: #706d5e;
  --cf-line: rgba(23, 22, 15, 0.12);
  --cf-line-2: rgba(23, 22, 15, 0.08);
  --cf-accent: #a04646;
  --cf-display: 'Fraunces', ui-serif, Georgia, serif;
  --cf-body: 'Inter', ui-sans-serif, system-ui, sans-serif;
  --cf-mono: 'JetBrains Mono', ui-monospace, monospace;
}
[data-theme='dark'] {
  --cf-bg: #1a1915;
  --cf-bg-2: #22211a;
  --cf-fg: #f7f5ee;
  --cf-fg-2: #d8d2bf;
  --cf-fg-3: #a8a394;
  --cf-line: rgba(247, 245, 238, 0.12);
  --cf-line-2: rgba(247, 245, 238, 0.08);
  --cf-accent: #c07070;
}

/* Body baseline matches landing.css */
html, body {
  font-family: var(--cf-body) !important;
  font-feature-settings: "ss01", "cv11";
  -webkit-font-smoothing: antialiased;
}
body, .markdown, .theme-doc-markdown {
  font-size: 16px !important;
  line-height: 1.62 !important;
  color: var(--cf-fg-2) !important;
}
[data-theme='dark'] body { color: var(--cf-fg-2) !important; }

/* Heading sizes mirror cf-h1 / cf-h2 / cf-h3 from main site */
h1, .markdown h1, main > section:first-child h1 {
  font-family: var(--cf-display) !important;
  font-size: clamp(40px, 5.4vw, 72px) !important;
  line-height: 0.98 !important;
  letter-spacing: -0.035em !important;
  font-weight: 400 !important;
  color: var(--cf-fg) !important;
}
h2, .markdown h2 {
  font-family: var(--cf-display) !important;
  font-size: clamp(32px, 3.6vw, 48px) !important;
  line-height: 1.05 !important;
  letter-spacing: -0.025em !important;
  font-weight: 400 !important;
  color: var(--cf-fg) !important;
  margin: 0 0 20px !important;
}
h3, .markdown h3, main section h3 {
  font-family: var(--cf-display) !important;
  font-size: 22px !important;
  line-height: 1.25 !important;
  letter-spacing: -0.012em !important;
  font-weight: 500 !important;
  color: var(--cf-fg) !important;
}
h4, .markdown h4 {
  font-family: var(--cf-display) !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  letter-spacing: -0.01em !important;
}

/* Lead/intro paragraph after h1 — cf-lead */
main > section:first-child p {
  font-size: 20px !important;
  line-height: 1.55 !important;
  color: var(--cf-fg-2) !important;
  font-family: var(--cf-body) !important;
}

/* Markdown body text */
.markdown p, .theme-doc-markdown p {
  font-size: 16px !important;
  line-height: 1.62 !important;
  color: var(--cf-fg-2) !important;
}

/* Inline code and pre */
code, kbd, pre, samp {
  font-family: var(--cf-mono) !important;
}
code {
  font-size: 13.5px !important;
}

/* ───────── BUTTONS — match cf-btn exactly ───────── */

/* Hero primary button (inline style background:#a04646) */
main > section:first-child a[style*="background:#a04646"],
main > section:first-child a[style*="background: #a04646"] {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  height: 50px !important;
  padding: 0 24px !important;
  border-radius: 999px !important;
  font-family: var(--cf-body) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  background: var(--cf-fg) !important;
  color: var(--cf-bg) !important;
  text-decoration: none !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
  transition: transform .15s ease, background .15s ease, box-shadow .2s ease !important;
}
main > section:first-child a[style*="background:#a04646"]:hover,
main > section:first-child a[style*="background: #a04646"]:hover {
  background: #000 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 30px -12px rgba(0,0,0,0.4) !important;
}
[data-theme='dark'] main > section:first-child a[style*="background:#a04646"],
[data-theme='dark'] main > section:first-child a[style*="background: #a04646"] {
  background: var(--cf-fg) !important;
  color: var(--cf-bg) !important;
}

/* Hero secondary "ghost" button */
main > section:first-child a[style*="background:rgba(23,22,15,0.04)"],
main > section:first-child a[style*="background: rgba(23,22,15,0.04)"] {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  height: 50px !important;
  padding: 0 24px !important;
  border-radius: 999px !important;
  font-family: var(--cf-body) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  background: transparent !important;
  color: var(--cf-fg) !important;
  border: 1px solid var(--cf-line) !important;
  text-decoration: none !important;
  transition: transform .15s ease, background .15s ease, border-color .15s ease !important;
}
main > section:first-child a[style*="background:rgba(23,22,15,0.04)"]:hover,
main > section:first-child a[style*="background: rgba(23,22,15,0.04)"]:hover {
  background: var(--cf-bg-2) !important;
  border-color: var(--cf-fg) !important;
  transform: translateY(-1px) !important;
}

/* "Need help" CTA section buttons */
main section a[style*="background:#a04646"]:not([style*="padding:13px"]) {
  display: inline-flex !important;
  align-items: center !important;
  height: 44px !important;
  padding: 0 22px !important;
  border-radius: 999px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  background: var(--cf-fg) !important;
  color: var(--cf-bg) !important;
  font-family: var(--cf-body) !important;
  transition: background .15s ease, transform .15s ease !important;
}
main section a[style*="background:#a04646"]:not([style*="padding:13px"]):hover {
  background: #000 !important;
  transform: translateY(-1px) !important;
}

main section a[style*="background:rgba(23,22,15,0.04)"]:not([style*="padding:13px"]) {
  display: inline-flex !important;
  align-items: center !important;
  height: 44px !important;
  padding: 0 22px !important;
  border-radius: 999px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  background: transparent !important;
  color: var(--cf-fg) !important;
  border: 1px solid var(--cf-line) !important;
  font-family: var(--cf-body) !important;
  transition: background .15s ease, border-color .15s ease !important;
}
main section a[style*="background:rgba(23,22,15,0.04)"]:not([style*="padding:13px"]):hover {
  background: var(--cf-bg-2) !important;
  border-color: var(--cf-fg) !important;
}

/* Generic Docusaurus .button class */
.button {
  font-family: var(--cf-body) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  height: 50px !important;
  padding: 0 24px !important;
  border-radius: 999px !important;
  transition: transform .15s ease, background .15s ease, box-shadow .2s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  letter-spacing: 0 !important;
}
.button--primary {
  background: var(--cf-fg) !important;
  color: var(--cf-bg) !important;
  border: none !important;
}
.button--primary:hover {
  background: #000 !important;
  color: var(--cf-bg) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 30px -12px rgba(0,0,0,0.4) !important;
}
.button--secondary {
  background: transparent !important;
  color: var(--cf-fg) !important;
  border: 1px solid var(--cf-line) !important;
}
.button--secondary:hover {
  background: var(--cf-bg-2) !important;
  border-color: var(--cf-fg) !important;
  transform: translateY(-1px) !important;
}

/* Card hovers — use cf-fg accent instead of cf-accent */
main section a > div[style*="border:1.5px"] {
  border-color: var(--cf-line-2) !important;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease !important;
}
main section a > div[style*="border:1.5px"]:hover {
  border-color: var(--cf-fg) !important;
  box-shadow: 0 10px 30px -16px rgba(23,22,15,0.18) !important;
  transform: translateY(-2px) !important;
}

/* Stat values in stats bar */
section[style*="border-top:1px"] div[style*="font-size:1.6rem"] {
  font-family: var(--cf-display) !important;
  font-size: 36px !important;
  letter-spacing: -0.025em !important;
  font-weight: 400 !important;
  color: var(--cf-fg) !important;
}

/* Sidebar / TOC menu */
.menu, .menu__link {
  font-family: var(--cf-body) !important;
  font-size: 14.5px !important;
}
.menu__link {
  color: var(--cf-fg-2) !important;
  border-radius: 8px !important;
  transition: background .15s ease, color .15s ease !important;
}
.menu__link:hover {
  color: var(--cf-fg) !important;
  background: var(--cf-bg-2) !important;
}
.menu__link--active {
  color: var(--cf-accent) !important;
  background: rgba(160, 70, 70, 0.06) !important;
  font-weight: 500 !important;
}

/* Footer matches main site */
.footer {
  font-family: var(--cf-body) !important;
}
.footer__title {
  font-family: var(--cf-mono) !important;
  font-size: 11px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  color: var(--cf-fg-3) !important;
}
.footer__link-item {
  font-size: 14px !important;
  color: var(--cf-fg-2) !important;
  transition: color .15s ease !important;
}
.footer__link-item:hover {
  color: var(--cf-fg) !important;
  text-decoration: none !important;
}

/* Anchor links */
a:not(.button):not(.navbar__link):not(.menu__link):not(.footer__link-item) {
  color: var(--cf-accent) !important;
}
a:not(.button):not(.navbar__link):not(.menu__link):not(.footer__link-item):hover {
  text-decoration: underline !important;
}

/* Markdown table polish */
.markdown table {
  font-size: 14px !important;
}
.markdown thead {
  font-family: var(--cf-mono) !important;
  font-size: 12px !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

/* v7 — Dashboard button text-color fix (higher specificity beats .navbar__item.navbar__link) */
.navbar__item.navbar__link.navbar-dashboard-link,
.navbar .navbar__item.navbar-dashboard-link {
  background: var(--cf-fg, #17160f) !important;
  color: var(--cf-bg, #faf9f5) !important;
  border-radius: 999px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  padding: 0 22px !important;
  height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  transition: background .15s ease, transform .15s ease, box-shadow .2s ease !important;
  margin-left: 8px !important;
}
.navbar__item.navbar__link.navbar-dashboard-link:hover,
.navbar .navbar__item.navbar-dashboard-link:hover {
  background: #000 !important;
  color: var(--cf-bg, #faf9f5) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 30px -12px rgba(0,0,0,0.4) !important;
}
[data-theme="dark"] .navbar__item.navbar__link.navbar-dashboard-link,
[data-theme="dark"] .navbar .navbar__item.navbar-dashboard-link {
  background: #f7f5ee !important;
  color: #17160f !important;
}
[data-theme="dark"] .navbar__item.navbar__link.navbar-dashboard-link:hover,
[data-theme="dark"] .navbar .navbar__item.navbar-dashboard-link:hover {
  background: #fff !important;
  color: #17160f !important;
}

/* v10 — FORCE LIGHT MODE (website has no dark mode, keep parity) */
html[data-theme="dark"],
html[data-theme="dark"] body {
  --ifm-background-color: #faf9f5 !important;
  --ifm-background-surface-color: #f5f1e8 !important;
  --ifm-navbar-background-color: rgba(250,249,245,0.85) !important;
  --ifm-font-color-base: #3f3d32 !important;
  --ifm-heading-color: #17160f !important;
  --ifm-color-primary: #a04646 !important;
  --ifm-color-primary-dark: #8e3e3e !important;
  --ifm-color-primary-light: #ad5252 !important;
  --ifm-menu-color: #3f3d32 !important;
  --ifm-menu-color-active: #a04646 !important;
  --ifm-toc-border-color: rgba(23,22,15,0.08) !important;
  --ifm-hr-border-color: rgba(23,22,15,0.08) !important;
  --ifm-color-emphasis-300: rgba(23,22,15,0.10) !important;
  --cf-gray-50: #f5f1e8 !important;
  --cf-gray-100: #e7e2d3 !important;
  --cf-gray-200: rgba(23,22,15,0.10) !important;
  --cf-gray-500: #706d5e !important;
  --cf-navy: #17160f !important;
  background: #faf9f5 !important;
  color: #3f3d32 !important;
}
html[data-theme="dark"] main > section:first-child {
  background: linear-gradient(180deg, #faf9f5 0%, #f5f1e8 100%) !important;
}
html[data-theme="dark"] main > section:first-child h1 { color: #17160f !important; }
html[data-theme="dark"] main > section:first-child p { color: #3f3d32 !important; }
/* hide theme toggle so users cannot manually switch */
.toggle_vylO,
.colorModeToggle_DEke,
[class*="toggleButton"] {
  display: none !important;
}