:root {
  --npf-core: #1e3a8a;
  --npf-pro: #d97706;
  --npf-enterprise: #3730a3;
  --npf-success: #15803d;
  --npf-radius-sm: 0.55rem;
  --npf-radius-md: 0.9rem;
  --npf-radius-lg: 1.2rem;
  --npf-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.08), 0 8px 24px rgba(15, 23, 42, 0.06);
  --npf-shadow-md: 0 2px 6px rgba(15, 23, 42, 0.1), 0 20px 40px rgba(15, 23, 42, 0.08);
  --npf-shadow-focus: 0 0 0 3px rgba(37, 99, 235, 0.22);
}

[data-md-color-scheme="nextpdf-light"] {
  --md-default-bg-color: #ffffff;
  --md-default-fg-color: #0f172a;
  --md-default-fg-color--light: #334155;
  --md-default-fg-color--lighter: #64748b;
  --md-default-fg-color--lightest: #94a3b8;

  --md-primary-fg-color: #1e3a8a;
  --md-primary-fg-color--light: #1d4ed8;
  --md-primary-fg-color--dark: #1e40af;
  --md-primary-bg-color: #ffffff;

  --md-accent-fg-color: #1d4ed8;
  --md-accent-fg-color--transparent: rgba(37, 99, 235, 0.12);

  --md-typeset-color: #0f172a;
  --md-typeset-a-color: #1d4ed8;

  --md-code-bg-color: #f1f5f9;
  --md-code-fg-color: #0f172a;

  --md-footer-bg-color: #0f172a;
  --md-footer-fg-color: #cbd5e1;

  --npf-bg: #ffffff;
  --npf-surface-1: #ffffff;
  --npf-surface-2: #f8fafc;
  --npf-surface-3: #eef2ff;
  --npf-border: #dbe5f2;
  --npf-border-strong: #bfcbde;
  --npf-text-primary: #0f172a;
  --npf-text-secondary: #334155;
  --npf-text-muted: #64748b;
  --npf-kicker: #1e3a8a;

  --npf-chart-grid: rgba(30, 41, 59, 0.09);
  --npf-chart-label: #334155;
  --npf-chart-bg: #ffffff;
}

[data-md-color-scheme="nextpdf-dark"] {
  --md-default-bg-color: #0b1220;
  --md-default-fg-color: #e2e8f0;
  --md-default-fg-color--light: #cbd5e1;
  --md-default-fg-color--lighter: #94a3b8;
  --md-default-fg-color--lightest: #64748b;

  --md-primary-fg-color: #172554;
  --md-primary-fg-color--light: #1e3a8a;
  --md-primary-fg-color--dark: #0f172a;
  --md-primary-bg-color: #e2e8f0;

  --md-accent-fg-color: #60a5fa;
  --md-accent-fg-color--transparent: rgba(96, 165, 250, 0.2);

  --md-typeset-color: #e2e8f0;
  --md-typeset-a-color: #93c5fd;

  --md-code-bg-color: #111b2f;
  --md-code-fg-color: #e2e8f0;

  --md-footer-bg-color: #020617;
  --md-footer-fg-color: #cbd5e1;

  --npf-bg: #0b1220;
  --npf-surface-1: #111b2f;
  --npf-surface-2: #172136;
  --npf-surface-3: #1d2940;
  --npf-border: rgba(148, 163, 184, 0.26);
  --npf-border-strong: rgba(148, 163, 184, 0.44);
  --npf-text-primary: #f8fafc;
  --npf-text-secondary: #cbd5e1;
  --npf-text-muted: #94a3b8;
  --npf-kicker: #93c5fd;

  --npf-chart-grid: rgba(148, 163, 184, 0.18);
  --npf-chart-label: #cbd5e1;
  --npf-chart-bg: #111b2f;
}

.md-header {
  border-bottom: 1px solid var(--npf-border);
}

.md-tabs {
  border-bottom: 1px solid var(--npf-border);
}

.md-tabs__link--active {
  border-bottom: 2px solid var(--md-accent-fg-color);
}

.md-typeset .md-button {
  border-radius: var(--npf-radius-sm);
}

.md-typeset .md-button:focus-visible,
.md-nav__link:focus-visible,
.md-tabs__link:focus-visible {
  box-shadow: var(--npf-shadow-focus);
  outline: 0;
}

.md-content .md-typeset {
  max-width: 78ch;
}

.md-typeset table:not([class]) {
  border: 1px solid var(--npf-border);
  border-radius: var(--npf-radius-sm);
  overflow: hidden;
}

.md-typeset table:not([class]) th {
  background: var(--npf-surface-2);
}

.md-typeset blockquote {
  border-left: 3px solid var(--npf-border-strong);
}