:root {
  --bg: #0e1116;
  --surface: #171c24;
  --surface-2: #1e2631;
  --inset: #12171e;
  --field: #10151c;
  --field-focus: #161d27;
  --border: #2c3544;
  --border-strong: #3d4b5e;
  --text: #e8eef6;
  --muted: #9aa6b5;
  /* Links, Icons, Überschriften. Bewusst nicht dieselbe Farbe wie ein Bereich. */
  --accent: #3ecfff;
  --accent-rgb: 62, 207, 255;
  --accent-glow: rgba(var(--accent-rgb), 0.28);
  --on-accent: #061018;
  --accent-hover: #6ad9ff;
  --link-hover: #ffffff;
  --pub-hero-base: linear-gradient(165deg, #1a2330 0%, #121820 55%, #0f141c 100%);
  --pub-hero-title: #f3f7fc;
  --pub-hero-title-glow: rgba(var(--accent-rgb), 0.22);
  --green: #3dd68c;
  --red: #ff6b6b;
  --orange: #ffb020;
  --blue: #7eb6ff;
  /* Bereichsfarben. Nur hier anpassen. */
  --area-private: #ff8f5a;
  --area-private-rgb: 255, 143, 90;
  --area-clan-intern: #b79bff;
  --area-clan-intern-rgb: 183, 155, 255;
  --area-clan-extern: #4f97ff;
  --area-clan-extern-rgb: 79, 151, 255;
  --area-clan-admin: #f5c16c;
  --area-clan-admin-rgb: 245, 193, 108;
  --area-public: #3dd68c;
  --area-public-rgb: 61, 214, 140;
  --area-community: #f472b6;
  --area-community-rgb: 244, 114, 182;
  --area-options: #9eb0c6;
  --area-options-rgb: 158, 176, 198;
  --area-statistic: #7eb6ff;
  --area-statistic-rgb: 126, 182, 255;
  --area-misc: #8b9bb0;
  --area-misc-rgb: 139, 155, 176;
  --area-promotion: #ffb020;
  --area-promotion-rgb: 255, 176, 32;
  --clan-intern: var(--area-clan-intern);
  --clan-intern-rgb: var(--area-clan-intern-rgb);
  --clan-extern: var(--area-clan-extern);
  --clan-extern-rgb: var(--area-clan-extern-rgb);
  /* Formular-Sonderbuttons */
  --admin-button-bg: #2a241c;
  --admin-button-border: #5a4630;
  --go-button-active-border: #7adfff;
  /* Feedback */
  --error-soft: #ffb4b4;
  --highlight-error: #ff0000;
  --highlight-success: #00ff00;
  --inplace-highlight: #1e3a4a;
  --inplace-highlight-end: #1e2631;
  /* Karten */
  --map-marker: #c9a227;
  --map-cluster: #4a90d9;
  --map-tiles-preset: dark;
  --map-popup-nick: #f0d78c;
  --radius: 10px;
  --radius-sm: 8px;
  --shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
  --font: "Segoe UI", system-ui, sans-serif;
  --ease: 0.15s ease;
}