/* Colores elegidos en Ajustes > Apariencia */
:root {
  --bg: #0f1115;
  --card: #181b21;
  --card-2: #22252a;
  --card-3: #2d3036;
  --ink: #eceff4;
  --muted: #a2a5aa;
  --line: #34373c;
  --side: #0a0c10;
  --side-ink: #e3e7ee;
  --side-line: rgba(227, 231, 238, 0.1);
  --side-hover: rgba(227, 231, 238, 0.06);
  --side-active: rgba(59, 130, 246, 0.18);
  --brand: #3b82f6;
  --brand-2: #72a5f9;
  --brand-soft: rgba(59, 130, 246, 0.16);
  --brand-line: rgba(59, 130, 246, 0.5);
  --brand-ink: #ffffff;
  --top-bg: rgba(15, 17, 21, 0.92);
  --knob: #c9c9d2;
  --shadow: none;
  --ok: #2fd08f;
  --ok-soft: rgba(47, 208, 143, 0.14);
  --alarm: #ff4242;
  --alarm-bg: #3a1214;
  --warn: #ffb224;
  --warn-bg: #33260b;
  --warn-ink: #1d1300;
  color-scheme: dark;
}