/* Keine Layer – Variablen sollen überall wirken */
:root{
  /* Brand & Accent */
  --brand-primary:#d4006d;
  --accent-blue:#2563eb;
  --chat-blue:var(--accent-blue);

  /* Semantik */
  --color-success:#10b981;
  --color-warning:#f59e0b;
  --color-danger:#ef4444;

  /* Oberfläche & Text */
  --bg:#ffffff;
  --surface:#ffffff;
  --surface-2:#f8fafc;
  --text:#111827;
  --text-muted:#6b7280;
  --border:#e5e7eb;
  --border-strong:#cbd5e1;

  /* Radius & Schatten */
  --radius-sm:8px;
  --radius:12px;
  --radius-lg:16px;

  --shadow-1:0 2px 6px rgba(0,0,0,.06);
  --shadow-2:0 8px 20px rgba(0,0,0,.12);
  --shadow-3:0 12px 32px rgba(0,0,0,.18);

  /* Typo */
  --ff:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Apple Color Emoji","Segoe UI Emoji";
  --fs-100:.875rem; /* 14 */
  --fs-200:1rem;    /* 16 */
  --fs-300:1.125rem;/* 18 */
  --fs-400:1.375rem;/* 22 */

  /* Spacing */
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px;
  --space-5:20px; --space-6:24px; --space-8:32px; --space-10:40px;

  /* Container & Breakpoints */
  --container-w:1100px;
  --bp-sm:600px; --bp-md:900px; --bp-lg:1200px;

  /* Navigation Theme */
  --nav-bg:#f3f3f3;
  --nav-hover-bg:#ffd9ec; --nav-active-bg:#ffd9ec;
  --nav-hover-text:#d4006d; --nav-active-text:#d4006d;

  /* Galerie */
  --gallery-size:220px;
  --gallery-gap:12px;
  --gallery-radius:12px;
  --gallery-border:var(--border);

  /* Avatare */
  --avatar-radius:999px; /* Kreis */
}