/* sunnyChat – Farben für Hell und Dunkel. Wird von Client und Admin genutzt. */
:root,
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0B1528;
  --panel: #13213B;
  --panel-2: #1A2B4B;
  --line: #26395E;
  --line-strong: #3A5283;
  --text: #EEF3FB;
  --muted: #A9B8D3;
  --accent: #B6E23A;
  --accent-ink: #0B1528;
  --accent-text: #B6E23A;
  --accent-soft: #2A3D20;
  --accent-soft-text: #CFF07A;
  --warn-soft: #3A2E17;
  --warn-text: #F5C46B;
  --danger: #C93A40;
  --danger-text: #F08A8A;
  --input: #0B1528;
  --stage: #0F1D36;
  --bubble: #1F3358;
  --bubble-line: transparent;
  --me-bg: #B6E23A;
  --me-text: #0B1528;
  --shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
  --screen-bg: #05090F;
}

:root[data-theme="light"] {
  color-scheme: light;
  --bg: #F6F8FC;
  --panel: #FFFFFF;
  --panel-2: #EEF2F8;
  --line: #E3E8F0;
  --line-strong: #C7CFDD;
  --text: #13213B;
  --muted: #5B6886;
  --accent: #B6E23A;
  --accent-ink: #0B1528;
  --accent-text: #4F7A00;
  --accent-soft: #EAF6CC;
  --accent-soft-text: #3B5C00;
  --warn-soft: #FFF1D6;
  --warn-text: #8A5A0E;
  --danger: #C93A40;
  --danger-text: #B4262C;
  --input: #F6F8FC;
  --stage: #E9EEF6;
  --bubble: #FFFFFF;
  --bubble-line: #E3E8F0;
  --me-bg: #13284F;
  --me-text: #FFFFFF;
  --shadow: 0 10px 30px rgba(19, 33, 59, 0.12);
  --screen-bg: #DCE3EE;
}