:root {
  --icon-size: 28px;      /* Größe der Icons */
  --hover-text-color: #a71014;
  --hover-glow-size: 6px;
  --bg: #101010;
  --bg-nav: #141414;
  --panel: #151515;
  --panel-soft: #131313;
  --sign_on:#000000;
  --bg: #101010;
  --bg-nav: #141414;
  --panel: #151515;
  --panel-soft: #131313;
  --border: #0f0f0f;
  --hr-color: #eaeaea;

  --text: #141414;
  --muted: #9a9a9a;

  --accent: #7c3aed;
  --accent-soft: rgba(124, 58, 237, 0.18);

  --success: #22c55e;
  --danger: #ef4444;
  --input-text: #ffffff;

  --radius: 16px;
  --radius-sm: 10px;

  --shadow: 0 12px 30px rgba(0,0,0,.45);
  --icon-size: 28px;      /* Größe der Icons */
  --hover-text-color: #a71014;
  --hover-glow-size: 6px;
  --msg-in: #9a9a9a;
  --msg-out: #7b1414;




  --textnote: #9a9a9a;
  --textstart: #9a9a9a;
  --textneu: rgba(120, 180, 255, 0.30);
  --button: rgba(120, 180, 255, 0.18);
  --button_border: rgba(120, 180, 255, 0.30);
  --button_badge: rgba(120, 180, 255, 1.00);
  --button_hover: rgba(120, 180, 255, 0.10);
  --button_hover_rand: rgba(255, 255, 255, 1);

}
.no-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}