/* Metrika — цветовые темы. Одна на сервер, задаётся атрибутом data-theme на <html>.
   Подключается ПЕРВЫМ на каждой странице: токены ниже используют app.css/editor.css и т.д. */

:root, html[data-theme="dark"] {
  --bar: 52px;
  --bg:#0f1620; --panel:#16202c; --panel2:#131c26; --line:#2b3b4d; --line2:#2b4a63;
  --text:#e6edf3; --dim:#8b9bb4; --acc:#4aa3e0; --acc2:#6fb6e6;
  --ok:#4cc38a; --warn:#ffd166; --alarm:#e0533d;
  --el-text:#dbeaf6; --el-dim:#7d90a6; --el-line:#3d6f8f; --el-fill:#16202c;
  --el-fill2:#1b2836; --el-ok:#4cc38a; --el-alarm:#e0533d;
}
html[data-theme="graphite"] {
  --bg:#606060; --panel:#505050; --panel2:#5a5a5a; --line:#454545; --line2:#3a3a3a;
  --text:#e1e1e1; --dim:#a8a8a8; --acc:#4aa3e0; --acc2:#6fb6e6;
  --ok:#4cc38a; --warn:#ffd166; --alarm:#c70102;
  --el-text:#e1e1e1; --el-dim:#a8a8a8; --el-line:#4a6a8a; --el-fill:#505050;
  --el-fill2:#5a5a5a; --el-ok:#4cc38a; --el-alarm:#c70102;
}
html[data-theme="light"] {
  --bg:#f2f3f5; --panel:#ffffff; --panel2:#e9edf1; --line:#d9dde3; --line2:#b8c0ca;
  --text:#1c2430; --dim:#68707c; --acc:#2273c2; --acc2:#1f6fb2;
  --ok:#1f8a58; --warn:#b7791f; --alarm:#cc3b30;
  --el-text:#2a3542; --el-dim:#5a6a7a; --el-line:#3a5a7a; --el-fill:#e6ebf0;
  --el-fill2:#ffffff; --el-ok:#1f8a58; --el-alarm:#cc3b30;
}