/* Mandanten-Farbschema, abgeleitet aus #008e96 */
:root {
  --teal-900: #005556;
  --teal-700: #007874;
  --teal-500: #008e96;
  --teal-400: #07aab4;
  --teal-300: #28c2cb;
  --teal-100: #cff6f6;
  --brand-rgb-900: 0, 85, 86;
  --brand-rgb-700: 0, 120, 116;
  --brand-rgb-500: 0, 142, 150;
  --brand-rgb-400: 7, 170, 180;
  --brand-rgb-300: 40, 194, 203;
  --ink: #152e30;
  --ink-soft: #415c5d;
  --muted: #677d7e;
  --line: rgba(0, 142, 150, 0.14);
  --bg-1: #ecf5f6;
  --bg-2: #f7fcfc;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --teal-100: #0a403e;
    --ink: #e4f5f5;
    --ink-soft: #b1d1d1;
    --muted: #83aaa9;
    --line: rgba(40, 194, 203, 0.22);
    --bg-1: #091e1d;
    --bg-2: #071716;
    --card-bg: rgba(15, 41, 40, 0.72);
    --input-bg: #0b2726;
    --list-bg: #0e2e2c;
    --heading: #50fff6;
    --link: #3ef2ec;
  }
}

:root[data-theme="dark"] {
  --teal-100: #0a403e;
  --ink: #e4f5f5;
  --ink-soft: #b1d1d1;
  --muted: #83aaa9;
  --line: rgba(40, 194, 203, 0.22);
  --bg-1: #091e1d;
  --bg-2: #071716;
  --card-bg: rgba(15, 41, 40, 0.72);
  --input-bg: #0b2726;
  --list-bg: #0e2e2c;
  --heading: #50fff6;
  --link: #3ef2ec;
}