/* Theme 3 — Soft Product. Freundlich, runde Karten, sanfte Flächen. */
:root {
  --bg: #f8f9fd;
  --surface: #ffffff;
  --surface-2: #eef0fb;
  --ink: #1a1d2b;
  --muted: #61667d;
  --line: #e7e9f4;
  --accent: #5b54e6;
  --accent-2: #9a8bff;
  --accent-deep: #2b2570;
  --accent-tint: #f3f2ff;
  --accent-eyebrow: #d8d4ff;
  --accent-glow: rgba(91, 84, 230, 0.32);
  --on-accent: #ffffff;
  --radius: 16px;
  --radius-lg: 26px;
  --shadow: 0 24px 60px rgba(40, 36, 110, 0.14);
  --shadow-soft: 0 12px 30px rgba(40, 36, 110, 0.08);
  --font-display: "Plus Jakarta Sans", system-ui, sans-serif;
  --font-body: "Plus Jakarta Sans", system-ui, sans-serif;
  --display-weight: 700;
  --display-spacing: -0.02em;
  --hero-overlay: linear-gradient(90deg, rgba(20, 18, 50, 0.82) 0%, rgba(30, 26, 80, 0.5) 44%, rgba(40, 36, 110, 0.05) 80%);
}
/* sanfte, abwechselnde Flächen */
.thesis { background: var(--surface-2); }
.ampel { background: linear-gradient(180deg, #eef0fb 0%, #f8f9fd 100%); }
.safeguards { background: var(--surface-2); }
.result-card, .safeguard, .price-card, .ampel-card { background: #ffffff; }
.button.primary { box-shadow: 0 10px 24px var(--accent-glow); }
.price-card.highlight { background: linear-gradient(180deg, #ffffff 0%, var(--accent-tint) 100%); }
.cta { background: linear-gradient(135deg, var(--accent-deep) 0%, var(--accent) 100%); }
.cta .eyebrow { color: var(--accent-eyebrow); }
.cta .button.primary { background: #ffffff; color: var(--accent-deep); }