:root {
  color-scheme: light;
  /* Source: webest.ru CSS variables, inspected 2026-10-12. */
  --color-brand-blue: #075bf7;
  --color-brand-purple: #7f07f7;
  --color-brand-pink: #ff559f;
  --brand-gradient: linear-gradient(97deg, var(--color-brand-blue) 2.87%, var(--color-brand-purple) 49.35%, var(--color-brand-pink) 98.08%);
  --color-canvas: #eff0f3;
  --color-surface: #ffffff;
  --color-surface-subtle: #e4e5e8;
  --color-text: #0b0b0b;
  --color-muted: #5d6d89;
  --color-border: #d8dce9;
  --color-border-strong: #929db2;
  --color-accent: var(--color-brand-blue);
  --color-accent-hover: #064bd0;
  --color-accent-soft: #e6efff;
  --color-on-accent: #ffffff;
  --color-positive: #22744e;
  --color-positive-soft: #e9f5ee;
  --color-warning: #895700;
  --color-warning-soft: #fff3d9;
  --color-danger: #b8323c;
  --color-danger-soft: #ffedf0;
  --color-focus: var(--color-brand-blue);
  --font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-xs: .75rem;
  --font-sm: .8125rem;
  --font-base: .875rem;
  --font-md: 1rem;
  --font-lg: 1.125rem;
  --font-xl: 1.5rem;
  --font-title: 1.875rem;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-panel: 12px;
  --control-height: 38px;
  --row-height: 70px;
  --motion-fast: 120ms;
  --motion-state: 180ms;
  --motion-panel: 220ms;
  --ease-out: cubic-bezier(.16,1,.3,1);
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --color-canvas: #000309;
  --color-surface: #11151d;
  --color-surface-subtle: #1c2230;
  --color-text: #eff0f3;
  --color-muted: #adb8ce;
  --color-border: #333f55;
  --color-border-strong: #6e7e9a;
  --color-accent: #8fb4ff;
  --color-accent-hover: #b3ccff;
  --color-accent-soft: #142a50;
  --color-on-accent: #000309;
  --color-positive: #87d7aa;
  --color-positive-soft: #253d32;
  --color-warning: #efc36d;
  --color-warning-soft: #423825;
  --color-danger: #ffa4ae;
  --color-danger-soft: #492e36;
  --color-focus: #8fb4ff;
}
:root[data-density="compact"] { --row-height: 54px; }
@media(prefers-reduced-motion:reduce){:root{--motion-fast:0ms;--motion-state:0ms;--motion-panel:0ms}*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important;}}