/* Zenfra brand colors — matched to https://zenfra.cloud */

/* ============================================================
   LIGHT SCHEME
   ============================================================ */
[data-md-color-scheme="default"] {
  --md-primary-fg-color: #ffffff;
  --md-primary-fg-color--light: #f4f4f5;
  --md-primary-fg-color--dark: #e4e4e7;
  --md-primary-bg-color: #18181b;
  --md-primary-bg-color--light: #3f3f46;

  --md-accent-fg-color: #7e69ab;
  --md-accent-fg-color--transparent: rgba(126, 105, 171, 0.1);
  --md-accent-bg-color: #ffffff;

  --md-typeset-a-color: #7e69ab;

  --md-code-bg-color: #f4f4f5;
  --md-code-fg-color: #18181b;
  --md-code-hl-color: rgba(139, 92, 246, 0.1);

  --zf-purple: #7e69ab;
  --zf-violet: #6d28d9;
  --zf-border: #e4e4e7;
  --zf-bg-card: #f4f4f5;
  --zf-text-muted: #71717a;
}

/* Light header */
[data-md-color-scheme="default"] .md-header {
  background-color: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid #e4e4e7;
  box-shadow: none;
}

[data-md-color-scheme="default"] .md-header .md-header__title,
[data-md-color-scheme="default"] .md-header .md-header__topic {
  color: #18181b;
}

[data-md-color-scheme="default"] .md-search__input {
  background-color: #f4f4f5;
  border: 1px solid #e4e4e7;
}

[data-md-color-scheme="default"] .md-typeset code {
  background-color: #f4f4f5;
  border: 1px solid #e4e4e7;
  color: #7e69ab;
}

[data-md-color-scheme="default"] .md-typeset pre > code {
  border: 1px solid #e4e4e7;
  border-radius: 8px;
}

[data-md-color-scheme="default"] .md-typeset table:not([class]) {
  border: 1px solid #e4e4e7;
  border-radius: 8px;
  overflow: hidden;
}

[data-md-color-scheme="default"] .md-typeset table:not([class]) th {
  background-color: #f4f4f5;
  border-bottom: 1px solid #e4e4e7;
}

[data-md-color-scheme="default"] .md-typeset table:not([class]) td {
  border-top: 1px solid #e4e4e7;
}

[data-md-color-scheme="default"] .md-typeset table:not([class]) tr:hover td {
  background-color: rgba(126, 105, 171, 0.04);
}

[data-md-color-scheme="default"] .md-footer {
  border-top: 1px solid #e4e4e7;
}

/* ============================================================
   DARK SCHEME
   ============================================================ */
[data-md-color-scheme="slate"] {
  --md-default-bg-color: #09090b;
  --md-default-fg-color: #fafafa;
  --md-default-fg-color--light: #a1a1aa;
  --md-default-fg-color--lighter: #71717a;
  --md-default-fg-color--lightest: #3f3f46;

  --md-primary-fg-color: #0f111a;
  --md-primary-fg-color--light: #151825;
  --md-primary-fg-color--dark: #08090f;
  --md-primary-bg-color: #fafafa;
  --md-primary-bg-color--light: #a1a1aa;

  --md-accent-fg-color: #9b87f5;
  --md-accent-fg-color--transparent: rgba(155, 135, 245, 0.1);
  --md-accent-bg-color: #fafafa;

  --md-typeset-a-color: #9b87f5;

  --md-code-bg-color: #151825;
  --md-code-fg-color: #e4e4e7;
  --md-code-hl-color: rgba(139, 92, 246, 0.15);

  --md-footer-bg-color: #0f111a;
  --md-footer-bg-color--dark: #08090f;
  --md-footer-fg-color: #a1a1aa;
  --md-footer-fg-color--light: #71717a;
  --md-footer-fg-color--lighter: #3f3f46;

  --md-shadow-z1: 0 0 0 1px #27272a;
  --md-shadow-z2: 0 0 0 1px #27272a, 0 4px 12px rgba(0, 0, 0, 0.4);
  --md-shadow-z3: 0 0 0 1px #27272a, 0 8px 24px rgba(0, 0, 0, 0.5);

  --zf-purple: #9b87f5;
  --zf-violet: #8b5cf6;
  --zf-border: #27272a;
  --zf-bg-card: #151825;
  --zf-text-muted: #a1a1aa;
}

/* Dark header */
[data-md-color-scheme="slate"] .md-header {
  background-color: rgba(15, 17, 26, 0.85);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid #27272a;
  box-shadow: none;
}

[data-md-color-scheme="slate"] .md-sidebar {
  background-color: #09090b;
}

[data-md-color-scheme="slate"] .md-search__input {
  background-color: #151825;
  border: 1px solid #27272a;
}

[data-md-color-scheme="slate"] .md-search__input::placeholder {
  color: #a1a1aa;
}

[data-md-color-scheme="slate"] .md-typeset code {
  background-color: #151825;
  border: 1px solid #27272a;
  color: #9b87f5;
}

[data-md-color-scheme="slate"] .md-typeset pre > code {
  border: 1px solid #27272a;
  border-radius: 8px;
}

[data-md-color-scheme="slate"] .md-typeset table:not([class]) {
  border: 1px solid #27272a;
  border-radius: 8px;
  overflow: hidden;
}

[data-md-color-scheme="slate"] .md-typeset table:not([class]) th {
  background-color: #151825;
  color: #fafafa;
  border-bottom: 1px solid #27272a;
}

[data-md-color-scheme="slate"] .md-typeset table:not([class]) td {
  border-top: 1px solid #27272a;
}

[data-md-color-scheme="slate"] .md-typeset table:not([class]) tr:hover td {
  background-color: rgba(155, 135, 245, 0.04);
}

[data-md-color-scheme="slate"] .md-typeset .admonition,
[data-md-color-scheme="slate"] .md-typeset details {
  background-color: #151825;
  border: 1px solid #27272a;
  border-radius: 8px;
}

[data-md-color-scheme="slate"] .md-footer {
  border-top: 1px solid #27272a;
}

/* Dark scrollbar */
[data-md-color-scheme="slate"] ::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

[data-md-color-scheme="slate"] ::-webkit-scrollbar-track {
  background: #09090b;
}

[data-md-color-scheme="slate"] ::-webkit-scrollbar-thumb {
  background: #27272a;
  border-radius: 3px;
}

[data-md-color-scheme="slate"] ::-webkit-scrollbar-thumb:hover {
  background: #3f3f46;
}

/* ============================================================
   SHARED STYLES (both schemes)
   ============================================================ */

/* Nav links */
.md-nav__link:hover,
.md-nav__link--active {
  color: var(--zf-purple);
}

.md-nav__item--active > .md-nav__link {
  color: var(--zf-purple);
  font-weight: 600;
}

/* Links */
.md-typeset a {
  color: var(--zf-purple);
}

.md-typeset a:hover {
  color: var(--zf-violet);
}

/* Code block shape */
.md-typeset pre {
  border-radius: 8px;
}

/* Tabs */
.md-typeset .tabbed-labels > label {
  color: var(--zf-text-muted);
}

.md-typeset .tabbed-labels > label--active,
.md-typeset .tabbed-labels > .tabbed-label--active {
  color: var(--zf-purple);
}

/* Logo sizing */
.md-header__button.md-logo img {
  height: 1.6rem;
  width: auto;
}

/* Header title — match landing "zenfra" brand: JetBrains Mono 500 */
.md-header__title {
  --md-text-font-family: "JetBrains Mono", monospace;
  font-family: "JetBrains Mono", monospace !important;
  font-weight: 500 !important;
}

.md-header__title * {
  font-family: "JetBrains Mono", monospace !important;
  font-weight: 500 !important;
}

/* ============================================================
   HEADER CTA LINKS
   ============================================================ */
.md-header__cta {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-left: 0.5rem;
  flex-shrink: 0;
}

.md-header__cta-link {
  color: var(--zf-text-muted) !important;
  font-size: 0.8rem;
  font-weight: 500;
  text-decoration: none;
  white-space: nowrap;
  transition: color 0.2s;
}

.md-header__cta-link:hover {
  color: var(--zf-purple) !important;
}

.md-header__cta-button {
  display: inline-flex;
  align-items: center;
  padding: 0.4rem 1rem;
  background-color: #7e69ab;
  color: #ffffff !important;
  font-size: 0.75rem;
  font-weight: 600;
  text-decoration: none;
  border-radius: 6px;
  white-space: nowrap;
  transition: background-color 0.2s;
}

.md-header__cta-button:hover {
  background-color: #9b87f5;
  color: #ffffff !important;
}

/* Hide CTA on small screens */
@media screen and (max-width: 76.1875em) {
  .md-header__cta {
    display: none;
  }
}

/* ============================================================
   FOOTER
   ============================================================ */
.md-footer-meta {
  padding: 0.4rem 0;
}

.md-footer-meta__inner {
  display: flex;
  align-items: center;
  justify-content: center;
}

.md-copyright {
  color: var(--zf-text-muted);
  font-size: 0.75rem;
}

.md-copyright__highlight {
  color: var(--zf-text-muted);
}