:root {
  /* Hintergründe — Anthrazit-Basis */
  --bg-dark:     #0a0d12;
  --bg:          #0a0d12;
  --bg-section:  #0e1219;
  --bg-card:     #131820;
  --bg-card2:    #1c2230;
  --bg-mid:      #0e1219;
  --bg-footer:   #080b10;

  /* Akzent — Muted Lime */
  --accent:       #b8d44a;
  --accent-hover: #a3bc3e;
  --accent-dim:   rgba(184, 212, 74, 0.12);

  /* Text */
  --text:        #eef0f4;
  --text-sec:    rgba(238, 240, 244, 0.75);
  --text-muted:  #9aa7b5;
  --text-subtle: #6b7a8d;

  /* Borders & Shadows */
  --border:        rgba(255, 255, 255, 0.06);
  --border-accent: rgba(184, 212, 74, 0.22);
  --shadow:        0 4px 24px rgba(0, 0, 0, 0.4);
  --shadow-card:   0 8px 32px rgba(0, 0, 0, 0.3);

  /* Layout */
  --radius:    6px;
  --radius-lg: 10px;
  --max-w:     1140px;
  --transition: 0.2s ease;

  /* Schriften */
  --font-serif: 'Playfair Display', Georgia, serif;
  --font-sans:  'Montserrat', system-ui, -apple-system, sans-serif;
}

/* ─── BASE ─── */
body {
  background-color: var(--bg-dark);
  color: var(--text);
}

a {
  color: var(--accent);
}

/* ─── TYPOGRAFIE: Schriften ─── */
/* Alle Überschriften (inkl. h1-gradient) bleiben Montserrat */
h1 em,
h2 em {
  font-family: var(--font-serif) !important;
}

/* ─── SCROLLBAR ─── */
::-webkit-scrollbar-thumb {
  background: var(--accent) !important;
}

/* ─── NAV BUTTON ─── */
.btn-nav {
  background: var(--accent) !important;
  color: #0a0d12 !important;
  border-radius: var(--radius) !important;
}

.btn-nav:hover {
  background: var(--accent-hover) !important;
  color: #0a0d12 !important;
}

/* ─── PRIMARY BUTTON: Lime + dunkler Text ─── */
.btn-primary {
  background: var(--accent) !important;
  color: #0a0d12 !important;
  border-radius: var(--radius) !important;
  box-shadow: 0 4px 20px rgba(184, 212, 74, 0.28) !important;
}

.btn-primary:hover {
  background: var(--accent-hover) !important;
  color: #0a0d12 !important;
  box-shadow: 0 8px 28px rgba(184, 212, 74, 0.42) !important;
}

/* ─── SECONDARY / GHOST BUTTON ─── */
.btn-secondary,
.btn-ghost {
  border-radius: var(--radius) !important;
}

/* ─── CARDS: Border-Radius vereinheitlichen ─── */
.card,
.price-card,
.result-card,
.feature-card {
  border-radius: var(--radius-lg) !important;
}

/* ─── TAG / BADGE: Lime statt Blau ─── */
.tag,
.badge {
  background: var(--accent-dim) !important;
  color: var(--accent) !important;
  border-color: var(--border-accent) !important;
}

/* ─── LINKS in Fließtext ─── */
a.nav-phone:hover {
  color: var(--accent) !important;
}

/* ─── SEO-PROOF BOX: Lime statt Amber ─── */
.seo-proof {
  background: rgba(184, 212, 74, 0.07) !important;
  border-color: rgba(184, 212, 74, 0.2) !important;
  border-left-color: var(--accent) !important;
}

.seo-proof-text,
.seo-proof-text * {
  color: var(--accent) !important;
}

/* ─── FLOATING CTA BUTTON: Dunkler Text auf Lime ─── */
.floating-cta {
  color: #0a0d12 !important;
}

/* ─── CTA-SECTION: Anthrazit statt Lime-Tint ─── */
.cta-section {
  background: var(--bg-section) !important;
  border-top: 1px solid var(--border-accent) !important;
  border-bottom: 1px solid var(--border-accent) !important;
}

/* ─── ACCENT TEXT OVERRIDES ─── */
.gradient-text {
  background: var(--accent) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}