/* Тема в стиле МТС Банка, dark. */
html[data-theme="mts"][data-mode="dark"] {
  --bg: #15161b;
  --bg-elev: #202127;
  --bg-soft: #292b33;
  --border: #353740;
  --border-strong: #484a56;
  --text: #f4f4f6;
  --text-muted: #b6b7bf;
  --text-subtle: #999ba7;
  --text-faint: #777985;

  --primary: #ff657a;
  --primary-hover: #ff8797;
  --primary-soft: #3c252e;
  --primary-soft-2: #63303f;
  --accent: #ff657a;
  --accent-hover: #ff8797;
  --accent-soft: #3c252e;
  --on-accent: #251016;
  --on-primary: #251016;

  --success: #4ade80;
  --success-soft: #10291f;
  --warning: #fbbf24;
  --warning-soft: #2e2410;
  --danger: #f87171;
  --danger-soft: #331618;
  --info: #60c0e8;
  --info-soft: #0f2733;

  --nav-bg: #1b1c22;
  --nav-fg: #f4f4f6;
  --nav-fg-muted: #a4a6b1;
  --nav-active-bg: #3c252e;
  --nav-active-fg: #ff8797;
  --nav-active-bar: #ff657a;
  --topbar-bg: #202127;

  --row-stripe: #23252c;
  --row-hover: #322832;
  --table-head-bg: #292b33;

  --chart-1: #ff657a;
  --chart-2: #aa9cff;
  --chart-3: #59d6ac;
  --chart-4: #ffb46b;
  --chart-5: #73b5ff;
  --chart-6: #ed91c0;
  --chart-7: #c4d581;
  --chart-8: #abb0bf;

  --font-sans: 'Manrope', system-ui, sans-serif;
  --font-num: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --fs-display: 30px;
  --lh-display: 38px;
  --fs-h1: 22px;
  --lh-h1: 30px;
  --fs-h2: 18px;
  --lh-h2: 26px;
  --fs-h3: 15px;
  --lh-h3: 22px;
  --fs-body: 14px;
  --lh-body: 20px;
  --fs-body-sm: 13px;
  --lh-body-sm: 19px;
  --fs-caption: 12px;
  --lh-caption: 16px;
  --fs-overline: 11px;
  --lh-overline: 16px;
  --ls-overline: .04em;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --radius: 16px;
  --radius-sm: 10px;
  --radius-lg: 22px;
  --radius-pill: 999px;
  --shadow-xs: 0 1px 0 rgba(0, 0, 0, .3);
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, .4), 0 1px 1px rgba(0, 0, 0, .3);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, .45), 0 1px 2px rgba(0, 0, 0, .3);
  --shadow-lg: 0 16px 40px rgba(0, 0, 0, .55), 0 2px 6px rgba(0, 0, 0, .35);
  --sidebar-w: 248px;
  --sidebar-w-collapsed: 64px;
  --topbar-h: 64px;
  --control-h: 36px;
  --control-h-sm: 30px;
  --focus-ring: #ff8797;
  --overlay: rgba(4, 9, 18, .66);
  --skeleton: #1c232e;
  --skeleton-shine: #232c38;

  color-scheme: dark;
}