:root {
  color-scheme: dark;

  --bg: #080a12;
  --bg-deep: #05060c;
  --panel: #0f1220;
  --panel-2: #141830;
  --surface: rgba(255, 255, 255, 0.04);
  --surface-hover: rgba(255, 255, 255, 0.07);
  --border: rgba(255, 255, 255, 0.09);
  --border-strong: rgba(255, 255, 255, 0.16);

  --text: #e9edfb;
  --muted: #99a3c2;
  --faint: #6a7392;

  --accent: #7b8cff;
  --accent-soft: rgba(123, 140, 255, 0.16);
  --accent-text: #b9c2ff;
  --mint: #2fe0bd;
  --mint-soft: rgba(47, 224, 189, 0.14);
  --rose: #ff6b8b;
  --rose-soft: rgba(255, 107, 139, 0.14);
  --amber: #ffb457;
  --amber-soft: rgba(255, 180, 87, 0.14);

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow: 0 18px 40px -24px rgba(0, 0, 0, 0.85);
  --shadow-lg: 0 40px 90px -40px rgba(0, 0, 0, 0.9);

  --r-xs: 6px;
  --r-sm: 9px;
  --r-md: 13px;
  --r-lg: 18px;
  --r-xl: 26px;
  --r-pill: 999px;

  --sans: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  --fast: 120ms cubic-bezier(0.4, 0, 0.2, 1);
  --base: 200ms cubic-bezier(0.4, 0, 0.2, 1);
  --slow: 380ms cubic-bezier(0.16, 1, 0.3, 1);

  --topbar-h: 60px;
  --page-max: 1560px;
}

:root[data-theme='light'] {
  color-scheme: light;

  --bg: #f4f6fc;
  --bg-deep: #eaedf7;
  --panel: #ffffff;
  --panel-2: #f7f9ff;
  --surface: rgba(16, 22, 48, 0.035);
  --surface-hover: rgba(16, 22, 48, 0.06);
  --border: rgba(16, 22, 48, 0.1);
  --border-strong: rgba(16, 22, 48, 0.2);

  --text: #0e1330;
  --muted: #56608a;
  --faint: #7b85a8;

  --accent: #4d5ce0;
  --accent-soft: rgba(77, 92, 224, 0.12);
  --accent-text: #3b48b8;
  --mint: #0f9e84;
  --mint-soft: rgba(15, 158, 132, 0.12);
  --rose: #d93b62;
  --rose-soft: rgba(217, 59, 98, 0.12);
  --amber: #b9740c;
  --amber-soft: rgba(185, 116, 12, 0.14);

  --shadow-sm: 0 1px 2px rgba(16, 22, 48, 0.08);
  --shadow: 0 16px 36px -22px rgba(16, 22, 48, 0.35);
  --shadow-lg: 0 40px 80px -40px rgba(16, 22, 48, 0.35);
}

/* Палитра вендоров: индекс приходит из JS как класс .vc-0 … .vc-11 */
.vc-0 { --vc: #7b8cff; }
.vc-1 { --vc: #d98a5b; }
.vc-2 { --vc: #5cb0ff; }
.vc-3 { --vc: #9d6bff; }
.vc-4 { --vc: #4f7bff; }
.vc-5 { --vc: #2fe0bd; }
.vc-6 { --vc: #57cf7a; }
.vc-7 { --vc: #ff6b8b; }
.vc-8 { --vc: #ffb457; }
.vc-9 { --vc: #b6bfd8; }
.vc-10 { --vc: #ff8ad4; }
.vc-11 { --vc: #6fd8e8; }