/* Дизайн-токены. Роли цветов жёсткие:
   indigo — бренд, навигация, состояния; orange — только целевое действие. */
:root {
  --orb-bg: #ffffff;
  --orb-bg-alt: #f6f7fb;
  --orb-surface: #ffffff;
  --orb-surface-2: #f4f5fb;

  --orb-ink: #0f172a;
  --orb-ink-2: #334155;
  --orb-muted: #56617a;
  --orb-faint: #94a0b8;

  --orb-line: #e5e8f0;
  --orb-line-strong: #cdd3e2;

  --orb-indigo: #4338ca;
  --orb-indigo-hover: #3730a3;
  --orb-indigo-deep: #312e81;
  --orb-indigo-ink: #1e1b4b;
  --orb-indigo-soft: #eef0fc;
  --orb-indigo-soft-2: #dee2fa;

  --orb-orange: #f97316;
  --orb-orange-hover: #ea580c;
  --orb-orange-soft: #fff2e8;

  --orb-radius-xl: 26px;
  --orb-radius-lg: 18px;
  --orb-radius: 12px;
  --orb-radius-sm: 9px;

  --orb-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.05), 0 1px 3px rgba(15, 23, 42, 0.04);
  --orb-shadow-md: 0 10px 28px rgba(49, 46, 129, 0.08), 0 2px 6px rgba(15, 23, 42, 0.04);
  --orb-shadow-lg: 0 28px 64px rgba(49, 46, 129, 0.12), 0 8px 18px rgba(15, 23, 42, 0.05);

  /* 1380px — как в исходной версии: на 2K-мониторах 1180 оставляет
     слишком много пустого поля по краям. */
  --orb-content: 1380px;
  /* Колонка для сплошного текста (заголовки секций, FAQ): читать строки
     во всю ширину 1380 неудобно, поэтому она остаётся узкой. */
  --orb-narrow: 980px;
  --orb-gutter: clamp(16px, 4vw, 40px);
  --orb-gap: clamp(64px, 8vw, 112px);

  --orb-font:
    'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
    sans-serif;
  --orb-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
}