:root{
  /* neutrales Accent (kein lila/cyan) */
  --accent:#111827;         /* slate-900 */
  --accent-2:#0b1220;       /* shell dark */
  --accent-muted:#334155;   /* slate-700 */
  
  --logo-height-desktop: 28px;
  --logo-height-mobile: 20px;
  --logo-max-width-mobile: 160px;

  /* Content */
  --bg:#f5f7fb;
  --card:#ffffff;
  --text:#0f172a;
  --muted:#64748b;
  --border: rgba(15,23,42,.10);
  --shadow: 0 12px 30px rgba(15,23,42,.08);

  /* Shell (Sidebar/Header/Footer) – nur grauer Verlauf */
  --shell-grad: linear-gradient(180deg, #0f1115 0%, #171a22 55%, #10131a 100%);
  --shell-text:#e5e7eb;
  --shell-muted: rgba(229,231,235,.70);
  --shell-border: rgba(255,255,255,.08);

  /* UI Radii */
  --r-lg: 18px;
  --r-md: 14px;
  --r-sm: 12px;

  /* Bootstrap overrides (ruhig, nicht bunt) */
  --bs-primary: var(--accent);
  --bs-link-color: #0f172a;
  --bs-link-hover-color: #111827;
  --bs-border-radius: var(--r-md);
  --bs-border-radius-lg: var(--r-lg);
  --bs-border-radius-sm: var(--r-sm);
  --bs-focus-ring-color: rgba(17,24,39,.18);
 



}