/* /css/base/variables.css */

:root {
  --color-bg: #1e1240;
  --color-box: #2b1c52;
  --color-primary: #a55eff;
  --color-primary-hover: #933bff;
  --color-text: #ffffff;
  --color-muted: #cccccc;
  --color-primary-text: #f5f5f5;
  --color-title: #d4baff;
  --color-active: #e2aaff;

  /* Chat-Spezifisch */
  --color-chat-own: #9b5de5;
  --color-chat-other: #7a44c7;
  --color-chat-time: rgba(255,255,255,0.8);

  /* List Buttons */
  --color-list-button-bg: #222;
  --color-list-button-text: #fff;
  
 /* Moderation / Reports */
  --color-ok: #44dd88;         /* gut lesbares Grün */
  --color-notok: #ff6b6b;      /* gut lesbares Rot */

  --bg-ok: rgba(68, 221, 136, .14);
  --bg-notok: rgba(255, 107, 107, .16);
  --br-ok: rgba(68, 221, 136, .45);
  --br-notok: rgba(255, 107, 107, .45);
  --border-radius: 0.6rem;
  
	/* kleine Utilities, falls du sie mal global brauchst */
.text-ok    { color: var(--color-ok)    !important; }
.text-notok { color: var(--color-notok) !important; }
			
  --padding: 1rem;

  --font-lg: 1.25rem;
  --font-xl: 1.5rem;
  --font-xxl: 2rem;
}
.filter-btn svg {
  color: var(--color-primary);
}