:root {
  --md-bg: radial-gradient(circle at top, #1f2937 0, #020617 55%, #000 100%);
  --md-text: #e5e7eb;
  --md-muted: #9ca3af;
  --md-border: #1f2937;
  --md-card: rgba(2, 6, 23, 0.92);
  --md-accent: #06b6d4;

  /* Fallback-Variablen für Seiten mit eigenem Inline-CSS auf den dunklen Standard mappen */
  --bg: var(--md-bg);
  --fg: var(--md-text);
  --accent: var(--md-accent);
  --accent-soft: rgba(56, 189, 248, 0.16);
  --border: rgba(30, 64, 175, 0.4);
  --card: var(--md-card);
  --table-header: rgba(15, 23, 42, 0.95);
}

html,
body {
  background: var(--md-bg) !important;
  color: var(--md-text) !important;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

a { color: var(--md-accent); }
a:hover { color: #67e8f9; }

header,
main,
footer {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

header {
  padding: 1.5rem;
}

main {
  padding: 1.5rem;
}

section,
.card,
article {
  border: 1px solid rgba(30, 64, 175, 0.4) !important;
  background: radial-gradient(circle at top left, rgba(15, 118, 110, 0.12), var(--md-card)) !important;
  color: var(--md-text);
  border-radius: 1rem;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
small,
label,
span,
div {
  color: inherit;
}

p,
.small,
.section-sub,
.subheading,
.tagline,
.footnote,
.meta,
[class*="muted"] {
  color: var(--md-muted) !important;
}

table,
th,
td {
  border-color: rgba(31, 41, 55, 0.9) !important;
}

th {
  background: rgba(15, 23, 42, 0.95) !important;
  color: var(--md-text) !important;
}

input,
select,
textarea,
button {
  font-family: inherit;
}
