/* NextGen Robot — дизайн-токены. Светлый маркетплейс: белые карточки, синий акцент,
   гротеск в заголовках, моно — только для цифр и служебных кодов. */
:root {
  /* холст и поверхности */
  --bg: #F4F6F9;
  --surface: #FFFFFF;
  --surface-2: #EEF2F8;
  --border: #E3E8EF;
  --white: #FFFFFF;

  /* тёмные плашки (CTA, футер, акцентные блоки) */
  --ink: #0F1B2E;
  --ink-2: #182741;
  --ink-border: #2A3A55;

  /* текст */
  --text: #101828;
  --text-2: #5A6474;
  --text-3: #667286;      /* 4.9:1 на белом, 4.5:1 на холсте — AA */

  /* акценты */
  --accent: #2B5CE6;      /* синий — основной, кнопки и ссылки, 5.3:1 на белом */
  --accent-dark: #1E45B8;
  --accent-soft: #EAF0FE; /* подложка под иконки и активные состояния */
  --good: #0C7B45;        /* цифры экономии */
  --warn: #C2410C;        /* «как есть», боли, предупреждения */

  --font-display: 'Inter', system-ui, 'Segoe UI', sans-serif;
  --font-body: 'Inter', system-ui, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'Cascadia Mono', monospace;

  --space-1: 4px; --space-2: 8px; --space-3: 16px; --space-4: 24px;
  --space-5: 40px; --space-6: 64px; --space-7: 96px; --space-8: 140px;
  --radius: 16px; --radius-s: 10px; --pill: 999px;
  --maxw: 1240px;

  --shadow-card: 0 1px 2px rgba(16, 24, 40, .04), 0 4px 14px rgba(16, 24, 40, .05);
  --shadow-lift: 0 6px 24px rgba(16, 24, 40, .10);
}

/* Тёмный контекст: CTA-плашки, футер-блоки, контакты. Те же имена переменных —
   компонентные стили работают в обоих контекстах без дублирования. */
.term-card, .contacts, .panel--dark, .ctabar, .footer {
  --bg: var(--ink);
  --surface: var(--ink-2);
  --surface-2: #22334F;
  --border: var(--ink-border);
  --white: var(--ink-2);
  --text: #F2F5FA;
  --text-2: #AEBACD;
  --text-3: #8494AC;
  --accent: #7FA3FF;      /* синий, читаемый на тёмном: 7.1:1 */
  --accent-soft: #1B2B47;
  --good: #4ADE80;
  --warn: #FB923C;
}