:root {
  --ifm-font-family-base: 'Source Sans 3', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  --ifm-heading-font-family: 'Space Grotesk', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  --ifm-color-primary: #6957b6;
  --ifm-color-primary-dark: #5d4ba9;
  --ifm-color-primary-darker: #52419a;
  --ifm-color-primary-darkest: #3e3278;
  --ifm-color-primary-light: #7a69c4;
  --ifm-color-primary-lighter: #8878cf;
  --ifm-color-primary-lightest: #a295de;
  --ifm-link-color: #6957b6;
  --ifm-link-hover-color: #58b0a8;
  --ifm-code-font-size: 95%;
  --ifm-background-color: #f4f3ff;
  --ifm-navbar-background-color: rgba(255, 255, 255, 0.86);
  --ifm-footer-background-color: #302848;
  --ifm-color-content: #1b1d35;
  --ifm-color-content-secondary: #52567a;
  --ifm-global-radius: 14px;
  --ifm-card-background-color: #ffffff;
  --ifm-toc-border-color: rgba(83, 74, 138, 0.22);
  --ifm-table-border-color: rgba(83, 74, 138, 0.2);
  --ifm-menu-color-active: #6957b6;
  --ifm-menu-link-sublist-icon-filter: invert(34%) sepia(19%) saturate(906%) hue-rotate(212deg) brightness(91%) contrast(91%);
  --docusaurus-highlighted-code-line-bg: rgba(105, 87, 182, 0.12);
  --iris-surface: #ffffff;
  --iris-border: rgba(83, 74, 138, 0.2);
  --iris-shadow: 0 20px 50px rgba(20, 18, 48, 0.12);
  --iris-logo-halo: rgba(255, 255, 255, 0.86);
  --iris-logo-ring: rgba(88, 176, 168, 0.45);
}

html[data-theme='dark'] {
  --ifm-color-primary: #a495ef;
  --ifm-color-primary-dark: #9586e2;
  --ifm-color-primary-darker: #8779d2;
  --ifm-color-primary-darkest: #6d61aa;
  --ifm-color-primary-light: #b4a8f2;
  --ifm-color-primary-lighter: #beb3f5;
  --ifm-color-primary-lightest: #d4cdf8;
  --ifm-link-color: #b4a8f2;
  --ifm-link-hover-color: #72d0c3;
  --ifm-background-color: #0d1020;
  --ifm-navbar-background-color: rgba(19, 23, 45, 0.88);
  --ifm-footer-background-color: #090c18;
  --ifm-color-content: #ececff;
  --ifm-color-content-secondary: #b9bddc;
  --ifm-card-background-color: #171b34;
  --ifm-toc-border-color: rgba(155, 142, 216, 0.24);
  --ifm-table-border-color: rgba(155, 142, 216, 0.24);
  --ifm-menu-color-active: #b4a8f2;
  --docusaurus-highlighted-code-line-bg: rgba(164, 149, 239, 0.16);
  --iris-surface: #171b34;
  --iris-border: rgba(155, 142, 216, 0.24);
  --iris-shadow: 0 26px 54px rgba(4, 6, 15, 0.55);
  --iris-logo-halo: rgba(6, 9, 20, 0.92);
  --iris-logo-ring: rgba(114, 208, 195, 0.5);
}

body {
  background:
    radial-gradient(circle at 12% 0%, rgba(109, 90, 185, 0.22), transparent 42%),
    radial-gradient(circle at 88% 14%, rgba(88, 176, 168, 0.18), transparent 44%),
    var(--ifm-background-color);
}

.navbar {
  border-bottom: 1px solid var(--iris-border);
  backdrop-filter: blur(8px);
  box-shadow: 0 8px 24px rgba(18, 15, 44, 0.08);
}

.navbar__title {
  font-weight: 600;
  letter-spacing: 0.02em;
}

.navbar__logo {
  margin-right: 0.5rem;
}

.navbar__logo img {
  height: 2rem;
  width: auto;
  min-width: 1.75rem;
  padding: 0.1rem;
  border-radius: 999px;
  background: var(--iris-logo-halo);
  box-shadow: 0 0 0 1px var(--iris-logo-ring);
}

.theme-doc-markdown,
.card,
.pagination-nav__link,
.table-of-contents,
.menu,
.alert {
  border: 1px solid var(--iris-border);
  border-radius: 14px;
  box-shadow: var(--iris-shadow);
  background: color-mix(in srgb, var(--iris-surface) 94%, transparent);
}

.footer {
  border-top: 1px solid var(--iris-border);
}

code {
  background: color-mix(in srgb, var(--ifm-color-primary) 14%, transparent);
  border: 1px solid var(--iris-border);
}