:root {

  /* =====================================
     BRAND (Hauptfarben)
     ===================================== */

  --primary: #e5487a;
  --primary-dark: #c93766;
  --primary-soft: #fff0f5;
  --primary-gradient: linear-gradient(
    135deg,
    #ff4d6d 0%,
    #e5487a 40%,
    #c93766 100%
  );

  /* Votecheck / Akzent (Buttons, Tabs, Fortschritt) */
  --accent: #4a6cf7;
  --accent-gradient: linear-gradient(135deg, #4a6cf7 0%, #6b8cfe 100%);
  --accent-shadow: rgba(74, 108, 247, 0.35);

  /* =====================================
     HINTERGRUND & FLÄCHEN
     ===================================== */

  --background: #f8fafc;
  --background-gradient: linear-gradient(160deg, #f0f4ff 0%, #e8eeff 50%, #f5f7fa 100%);
  --surface: #ffffff;
  --surface-alt: #f1f5f9;
  --surface-glass: rgba(255, 255, 255, 0.7);
  --surface-hover: #f5f5f5;
  --surface-muted: #fafafa;

  /* =====================================
     TEXT
     ===================================== */

  --text-main: #1a1a2e;
  --text-muted: #6b7280;
  --text-light: #ffffff;

  /* =====================================
     RAHMEN & SCHATTEN
     ===================================== */

  --border: #e5e7eb;
  --border-soft: #f3f4f6;
  --border-table: #eee;

  --radius: 16px;
  --radius-big: 24px;

  --shadow-soft: 0 8px 24px rgba(15, 23, 42, 0.06);
  --shadow-strong: 0 20px 60px rgba(15, 23, 42, 0.12);
  --shadow-step: 0 2px 12px rgba(0, 0, 0, 0.06);
  --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.07);
  --shadow-card-hover: 0 6px 24px rgba(0, 0, 0, 0.09);
  --shadow-btn-hover: 0 4px 12px rgba(0, 0, 0, 0.12);
  --hover-overlay: rgba(0, 0, 0, 0.05);
  --divider-soft: rgba(0, 0, 0, 0.06);

  /* =====================================
     ANTWORTEN (Ja / Nein / Neutral)
     ===================================== */

  --answer-yes-bg: #dcfce7;
  --answer-yes-bg-hover: #bbf7d0;
  --answer-yes-text: #166534;
  --answer-yes-full: #22c55e;

  --answer-no-bg: #fee2e2;
  --answer-no-bg-hover: #fecaca;
  --answer-no-text: #991b1b;
  --answer-no-full: #ef4444;

  --answer-neutral-bg: #f3f4f6;
  --answer-neutral-bg-hover: #e5e7eb;
  --answer-neutral-text: #4b5563;
  --answer-neutral-full: #9ca3af;

  --answer-warning-bg: #fef9c3;
  --answer-warning-bg-hover: #fef08a;
  --answer-warning-text: #854d0e;

  /* =====================================
     STATES (Erfolg, Fehler, Hinweis)
     ===================================== */

  --success: #22c55e;
  --success-bg: #e8f5e9;
  --success-text: #15803d;

  --danger: #ef4444;
  --danger-bg: #ffebee;
  --danger-text: #b71c1c;
  --danger-border: #c62828;

  --warning-bg: #fef3c7;
  --warning-text: #92400e;

  /* =====================================
     TABELLEN
     ===================================== */

  --table-header-bg: #f9fafb;
  --table-row-skip: #f9fafb;
  --table-row-skip-text: #9ca3af;

  /* =====================================
     FOOTER & OVERLAY
     ===================================== */

  --footer-bg: #0f172a;
  --footer-text: #cbd5e1;
  --footer-button-bg: #1e293b;

  --overlay-bg: rgba(0, 0, 0, 0.35);

  /* =====================================
     NAVIGATION (Overlay-Menü)
     ===================================== */

  --nav-close-color: #374151;
  --nav-close-hover-bg: #f3f4f6;
  --nav-close-hover-color: #111;

  /* =====================================
     FORTSCHRITT & SONSTIGES
     ===================================== */

  --progress-track: #e5e7eb;

  --input-wichtig-accent: var(--accent);
  --link-color: var(--accent);
}