:root {
  --ts-ink-strong: #17233a;
  --ts-ink: #2d3a50;
  --ts-ink-soft: #657188;
  --ts-canvas: #f4f6f9;
  --ts-surface: #ffffff;
  --ts-surface-subtle: #f8f9fb;
  --ts-surface-strong: #17233a;
  --ts-line: #dce1e8;
  --ts-line-strong: #c7ced8;
  --ts-accent: #275dd7;
  --ts-accent-strong: #1e49ad;
  --ts-accent-soft: #eaf0ff;
  --ts-positive: #17785a;
  --ts-positive-soft: #e7f5ef;
  --ts-attention: #9b5a06;
  --ts-attention-soft: #fff3df;
  --ts-critical: #b33a42;
  --ts-critical-soft: #fff0f1;
  --ts-info: #1c6c91;
  --ts-info-soft: #eaf5fa;
  --ts-focus: #6a8ff0;
  --ts-shadow-menu: 0 14px 36px rgba(27, 40, 65, .16);
  --ts-font: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ts-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --ts-radius-sm: 5px;
  --ts-radius-md: 8px;
  --ts-radius-lg: 12px;
  --ts-control: 40px;
  --ts-product-bar: 58px;
  --ts-primary-nav: 47px;
  --ts-mobile-nav: 67px;
  --ts-content-max: 1560px;
  --ts-space-1: 4px;
  --ts-space-2: 8px;
  --ts-space-3: 12px;
  --ts-space-4: 16px;
  --ts-space-5: 20px;
  --ts-space-6: 24px;
  --ts-space-8: 32px;
}