/* ── Modern typography & spacing ── */

:root {
  --md-text-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --md-code-font: "JetBrains Mono", "Fira Code", monospace;
}

/* Smoother headings */
.md-typeset h1 {
  font-weight: 800;
  letter-spacing: -0.02em;
}

.md-typeset h2 {
  font-weight: 700;
  letter-spacing: -0.01em;
}

/* ── Code blocks ── */

.md-typeset code {
  border-radius: 6px;
  font-size: 0.82em;
}

.md-typeset pre {
  border-radius: 10px;
}

.md-typeset pre > code {
  font-size: 0.85em;
  line-height: 1.6;
}

/* ── Navigation refinements ── */

/* ── Glassmorphism header + tabs ── */

.md-header {
  background: rgba(124, 77, 255, 0.15) !important;
  backdrop-filter: blur(20px) saturate(1.4);
  -webkit-backdrop-filter: blur(20px) saturate(1.4);
  border-bottom: none !important;
  box-shadow: none !important;
}

[data-md-color-scheme="slate"] .md-header {
  background: rgba(179, 136, 255, 0.18) !important;
}

.md-tabs {
  background: rgba(124, 77, 255, 0.1) !important;
  backdrop-filter: blur(20px) saturate(1.4);
  -webkit-backdrop-filter: blur(20px) saturate(1.4);
  border-bottom: 1px solid rgba(124, 77, 255, 0.1);
  box-shadow: 0 2px 16px rgba(124, 77, 255, 0.06);
}

[data-md-color-scheme="slate"] .md-tabs {
  background: rgba(179, 136, 255, 0.12) !important;
  border-bottom: 1px solid rgba(179, 136, 255, 0.15);
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.3);
}

.md-tabs__list {
  justify-content: center;
}

.md-nav__link {
  font-size: 0.85rem;
}

/* ── Cards grid ── */

.md-typeset .grid.cards > ul > li,
.md-typeset .grid.cards > ol > li {
  border-radius: 12px;
  border: 1px solid var(--md-default-fg-color--lightest);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.md-typeset .grid.cards > ul > li:hover,
.md-typeset .grid.cards > ol > li:hover {
  border-color: var(--md-accent-fg-color);
  box-shadow: 0 4px 24px rgba(124, 77, 255, 0.06);
}

/* ── Content tabs ── */

.md-typeset .tabbed-labels > label {
  font-size: 0.85rem;
  font-weight: 600;
}

/* ── Tables ── */

.md-typeset table:not([class]) {
  border-radius: 8px;
  overflow: hidden;
  font-size: 0.88rem;
}

.md-typeset table:not([class]) th {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.78rem;
  letter-spacing: 0.04em;
}

/* ── Admonitions ── */

.md-typeset .admonition,
.md-typeset details {
  border-radius: 10px;
  font-size: 0.9rem;
}

/* ── Header logo ── */

.md-header__button.md-logo {
  margin-right: 0;
  padding-right: 0;
}

.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  width: 2.2rem;
  height: 2.2rem;
}

.md-header__title {
  margin-left: 0.1rem;
}

/* ── Footer social icons ── */

.md-social__link svg {
  width: 1.2rem;
  height: 1.2rem;
}

/* ── Buttons ── */

.md-typeset .md-button {
  border-radius: 2rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  transition: all 0.2s ease;
}

.md-typeset .md-button:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(124, 77, 255, 0.2);
}

/* ── Custom purple color scheme ── */

[data-md-color-scheme="default"] {
  --md-primary-fg-color: #7c4dff;
  --md-primary-fg-color--light: #b388ff;
  --md-primary-fg-color--dark: #651fff;
  --md-accent-fg-color: #7c4dff;
  --md-accent-fg-color--transparent: rgba(124, 77, 255, 0.1);
  --md-default-bg-color: #f3eeff;
  --md-default-bg-color--light: #ede5fc;
  --md-default-bg-color--lighter: #e6dcf7;
  --md-default-bg-color--lightest: #ddd2f0;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #b388ff;
  --md-primary-fg-color--light: #d1c4e9;
  --md-primary-fg-color--dark: #7c4dff;
  --md-accent-fg-color: #b388ff;
  --md-accent-fg-color--transparent: rgba(179, 136, 255, 0.1);
  --md-default-bg-color: #060810;
  --md-default-bg-color--light: #0a0e18;
  --md-default-bg-color--lighter: #0e1220;
  --md-default-bg-color--lightest: #151a2a;
}

/* ── Make content backgrounds transparent so star canvas shows through ── */

[data-md-color-scheme="default"] body {
  background:
    radial-gradient(circle at 14% 8%, rgba(124, 77, 255, 0.08), transparent 26%),
    radial-gradient(circle at 82% 10%, rgba(179, 136, 255, 0.07), transparent 24%),
    var(--md-default-bg-color) !important;
}

[data-md-color-scheme="slate"] body {
  background:
    radial-gradient(circle at 16% 7%, rgba(124, 77, 255, 0.14), transparent 24%),
    radial-gradient(circle at 84% 12%, rgba(179, 136, 255, 0.1), transparent 22%),
    var(--md-default-bg-color) !important;
}

.md-main,
.md-main__inner,
.md-content,
.md-sidebar,
.md-container {
  background: transparent !important;
}

/* Star/dust rendering is now handled by JS canvas (tesseract.js) */

/* ── Smooth scrolling ── */

html {
  scroll-behavior: smooth;
}

/* ── Announcement bar ── */

.md-banner {
  background: linear-gradient(135deg, #7c4dff, #b388ff);
  color: white;
  font-size: 0.85rem;
  font-weight: 500;
}

.md-banner a {
  color: white;
  text-decoration: underline;
}