/* ============================================================
   OKNOREM — дизайн-токены (эталон: brex-DESIGN.md)
   Добавлены новые переменные по реальному brex.com (DOM-замер)
   ============================================================ */

:root {
  /* Цвета (из brex-DESIGN.md) */
  --primary: #15191e;
  --on-primary: #ffffff;
  --background: #ffffff;
  --surface: #f3f3f7;
  --text: #000000;
  --text-muted: #15191e;
  --accent: #ff3d00;
  --accent-hover: #e03600;

  /* Новые переменные (по реальному DOM brex.com) */
  --dark: #000710;
  --text-sub: #60646c;
  --text-on-dark: rgba(255,255,255,.85);
  --text-on-dark-sub: rgba(255,255,255,.7);
  --border-light: #eee;

  /* Типографика (реальные значения brex.com) */
  --font-display: 72px;
  --font-display-lh: 1.0;
  --font-display-ls: -1.44px;
  --font-section: 48px;
  --font-section-lh: 1.0;
  --font-section-ls: -1px;
  --font-heading: 24px;
  --font-heading-lh: 1.21;
  --font-sub: 20px;
  --font-sub-lh: 1.2;
  --font-body: 16px;
  --font-body-lh: 1.5;
  --font-small: 14px;
  --font-small-lh: 1.5;
  --font-tiny: 12px;

  /* Сетка 8px */
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 48px;
  --space-6: 72px;
  --space-7: 80px;

  /* Радиусы */
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --radius-xl: 12px;

  /* Motion */
  --duration: 125ms;
  --easing: ease;

  /* Брейкпоинты */
  --bp-tablet: 1024px;
  --bp-desktop: 1680px;
}