/* ════════════════════════════════════════════════════════════════════════════
   Lands.io Mod SDK - Custom Styles
   ════════════════════════════════════════════════════════════════════════════ */

:root {
  /* Primary colors */
  --md-primary-fg-color: #7c3aed;
  --md-primary-fg-color--light: #a78bfa;
  --md-primary-fg-color--dark: #5b21b6;
  
  /* Accent */
  --md-accent-fg-color: #f59e0b;
  --md-accent-fg-color--transparent: rgba(245, 158, 11, 0.1);
}

/* ─────────────────────────────────────────────────────────────────────────────
   Header
   ───────────────────────────────────────────────────────────────────────────── */

.md-header {
  background: linear-gradient(135deg, #1e1b4b 0%, #312e81 50%, #4c1d95 100%);
}

.md-header__title {
  font-weight: 700;
}

/* ─────────────────────────────────────────────────────────────────────────────
   Typography
   ───────────────────────────────────────────────────────────────────────────── */

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

.md-typeset h2 {
  font-weight: 700;
}

/* ─────────────────────────────────────────────────────────────────────────────
   Code blocks
   ───────────────────────────────────────────────────────────────────────────── */

.md-typeset code {
  border-radius: 4px;
}

.md-typeset pre > code {
  border-radius: 8px;
}

.highlight code {
  font-size: 0.85em;
}

/* ─────────────────────────────────────────────────────────────────────────────
   Cards (home page)
   ───────────────────────────────────────────────────────────────────────────── */

.md-typeset .grid.cards > ul > li {
  border-radius: 12px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.md-typeset .grid.cards > ul > li:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
}

/* ─────────────────────────────────────────────────────────────────────────────
   Tables
   ───────────────────────────────────────────────────────────────────────────── */

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

.md-typeset table:not([class]) th {
  background: var(--md-primary-fg-color);
  color: white;
}

/* ─────────────────────────────────────────────────────────────────────────────
   Admonitions
   ───────────────────────────────────────────────────────────────────────────── */

.md-typeset .admonition {
  border-radius: 8px;
}

/* ─────────────────────────────────────────────────────────────────────────────
   Navigation
   ───────────────────────────────────────────────────────────────────────────── */

.md-nav__link--active {
  font-weight: 600;
}

/* ─────────────────────────────────────────────────────────────────────────────
   Footer
   ───────────────────────────────────────────────────────────────────────────── */

.md-footer {
  background: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%);
}

/* ─────────────────────────────────────────────────────────────────────────────
   Dark mode adjustments
   ───────────────────────────────────────────────────────────────────────────── */

[data-md-color-scheme="slate"] {
  --md-default-bg-color: #0f0a1f;
  --md-default-bg-color--light: #1a1333;
  --md-default-bg-color--lighter: #251d40;
  --md-default-bg-color--lightest: #302850;
}

[data-md-color-scheme="slate"] .md-typeset table:not([class]) th {
  background: #4c1d95;
}