/* MultiSyncer Studio, сайт 2.2.5: brand.css */
:root {
  --bg: #161616;            /* было #101114 · --app-bg */
  --bg-alt: #1b1b1b;        /* было #15171b · --lane */
  --panel: #1f1f1f;         /* было #1c1e23 · --panel */
  --panel-2: #282828;       /* было #23262c · --panel-strong */
  --lane: #1b1b1b;          /* было #191b1f · --lane */
  --border: rgba(255, 255, 255, 0.08);         /* без изменений */
  --border-strong: rgba(255, 255, 255, 0.14);  /* было 0.16 */
  --text: #e6e6e6;          /* было #eceef2 */
  --text-dim: #b0b0b0;      /* было #b4b8c0 */
  --text-faint: #939393;    /* было #8d929b */
  --accent: #5794de;        /* было #5b9bff */
  --accent-fill: #2f6fbf;   /* было #2f6fdf */
  --accent-hover: color-mix(in srgb, #2f6fbf 86%, #fff);  /* было #3d7ef0; в программе своего нет */
  --accent-soft: rgba(59, 130, 217, 0.16);     /* было rgba(91,155,255,.14) */
  --sync: #d9a13b;          /* было #ffd24a · --warning (жёлтый в программе = «посмотреть») */
  --ok: #4caf6e;            /* было #4fc37c · --success */
  --warn: #d9a13b;          /* было #e0a83f · --warning */
  --bad: #e0726e;           /* было #ef7a74 · --danger */
  --v1: #4f8fc9; --v2: #c98f4f; --v3: #5fa874; --a1: #9a7cc4; --a2: #c46a7a;   /* дорожки 1–5 программы */
  --v4: #4fb0b0; --v5: #b8a64a;                                                 /* дорожки 6–7 */
  --shadow: 0 12px 36px rgba(0, 0, 0, 0.5);    /* было 0 30px 80px rgba(0,0,0,.55) */
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI Variable", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --bg: #ececef;          /* было #f4f5f7 */
    --bg-alt: #f3f3f5;      /* было #eaecf0 */
    --panel: #ffffff;
    --panel-2: #f3f3f6;     /* было #f1f3f6 */
    --lane: #fafafb;        /* было #e9ebef */
    --border: rgba(0, 0, 0, 0.1);   /* было 0.09 */
    --border-strong: rgba(0, 0, 0, 0.18);
    --text: #1d1d1f;        /* было #15171b */
    --text-dim: #3c3c43;    /* было #464b54 */
    --text-faint: #636366;  /* было #5f6570 */
    --accent: #0a5fc4;      /* было #2560c4 */
    --accent-fill: #0a5fc4;
    --accent-hover: color-mix(in srgb, #0a5fc4 86%, #000);  /* было #1d52ad */
    --accent-soft: rgba(10, 95, 196, 0.1);
    --sync: #8a5a00;        /* было #e0a800 */
    --ok: #1c7a3a;          /* было #1f7a45 */
    --warn: #8a5a00;
    --bad: #c0302b;         /* было #b23a33 */
    --v1: #4f8fc9; --v2: #c98f4f; --v3: #5fa874; --a1: #9a7cc4; --a2: #c46a7a; --v4: #4fb0b0; --v5: #b8a64a;
    --shadow: 0 10px 30px rgba(0, 0, 0, 0.14);
  }
}
body { font-variant-numeric: tabular-nums; }