/* Visual-only reskin for the "professional" pages (Impressum/AGB/Datenschutz/
   Sicherheitsstandards/Feedback/Tester-Anmeldung) onto the new brand look.
   Loaded AFTER /style.css: overrides the same CSS custom properties and
   font-family selectors that style.css already uses for theming, so all
   structural/functional CSS (FAQ accordion, help chat, forms, layout) stays
   completely untouched — only colors and fonts change. */

:root {
  --ink: #05070a;
  --ink-2: #0f131e;
  --ink-3: #161b28;
  --accent: #a855f7;
  --accent-bright: #ec4899;
  --text: #f8fafc;
  --text-dim: #94a3b8;
  --text-faint: #64748b;
  --danger: #ef4444;
  --card-border: rgba(255, 255, 255, 0.08);
}

body, .btn, input, textarea, select {
  font-family: 'Plus Jakarta Sans', sans-serif;
}

h1, h2, h3, .wordmark, .brand span {
  font-family: 'Space Grotesk', sans-serif;
}

.mono {
  font-family: 'JetBrains Mono', monospace;
}

.skip-link {
  position: absolute; top: -60px; left: 16px; z-index: 1000;
  background: var(--accent); color: #fff; padding: 12px 20px;
  border-radius: 10px; font-weight: 700; text-decoration: none;
}
.skip-link:focus { top: 16px; }