/* Bybit public UI audit, 2026-11-05. Observed values, not an official Bybit package.
   Layout spacing below is a proposed implementation scale, not extracted tokens. */
:root {
  --by-font: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, sans-serif;
  --by-brand: #ff9c2e;
  --by-brand-link: #f29229;
  --by-brand-legacy: #f7a600;
  --by-brand-soft: rgba(255,156,46,.12);
  --by-positive: #06c167;
  --by-positive-alt: #20b26c;
  --by-negative: #f63649;
  --by-bg: #f5f7fa;
  --by-surface: #fff;
  --by-surface-subtle: #f3f5f7;
  --by-text: #121214;
  --by-text-secondary: #7f838a;
  --by-text-muted: #adb1b8;
  --by-header: #17181e;
  --by-radius-xs: 2px;
  --by-radius-sm: 4px;
  --by-radius-md: 8px;
  --by-radius-lg: 16px;
  --by-radius-xl: 24px;
  --by-radius-pill: 100px;
  --by-font-xs: 12px;
  --by-font-sm: 14px;
  --by-font-md: 16px;
  --by-font-lg: 18px;
  --by-font-xl: 20px;
  --by-heading-sm: 24px;
  --by-heading-md: 32px;
  --by-heading-lg: 40px;
  --by-heading-xl: 48px;
  --by-button-sm: 32px;
  --by-button-md: 38px;
  --by-button-lg: 48px;
}
[data-by-theme="trading-dark"] {
  --by-bg: #121212;
  --by-surface: #101014;
  --by-surface-subtle: #222227;
  --by-text: #fff;
  --by-text-secondary: #6a6e73;
  --by-text-muted: #adb1b8;
}
/* Proposed spacing scale for subsequent implementation, not measured site values. */
:root {
  --by-space-1: 4px;
  --by-space-2: 8px;
  --by-space-3: 12px;
  --by-space-4: 16px;
  --by-space-6: 24px;
  --by-space-8: 32px;
  --by-space-12: 48px;
  --by-space-16: 64px;
}