/* 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: #5F6B7E;      /* 5.4:1 на белом, 4.9:1 на холсте - AA с запасом */

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

  /* Мягкие подложки статусов. Раньше в стилях жили десятки разных
     rgba(...) с одним смыслом - теперь оттенок задан один раз здесь. */
  --good-soft: #E7F5EC;
  --warn-soft: #FDECE4;
  --work-soft: #FBF1DE;

  /* Шкала кегля. До неё в стилях было 25 номиналов, включая полупиксельные
     (12.5px, 13.5px): разница на глаз не читалась, а согласованности не было. */
  --fs-1: 11px;   /* служебные подписи, теги */
  --fs-2: 12px;   /* счётчики, мелкие метки */
  --fs-3: 13px;   /* интерфейс: кнопки, поля */
  --fs-4: 14px;   /* плотный текст в панелях */
  --fs-5: 15px;   /* основной текст */
  --fs-6: 18px;   /* заголовок карточки и панели */
  --fs-7: 22px;   /* заголовок раздела */
  --fs-8: 26px;   /* крупные цифры */
  --fs-9: 30px;   /* заголовок страницы */
  --fs-10: 40px;  /* первый экран */

  --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 и --radius-s остаются прежними именами - на них завязан весь код. */
  --r-xs: 6px;            /* мелкие чипы и ручки */
  --r-s: 10px;            /* поля, кнопки, небольшие карточки */
  --r-m: 16px;            /* карточки и панели */
  --r-l: 24px;            /* крупные блоки первого экрана */
  --radius: var(--r-m); --radius-s: var(--r-s); --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;
  --work: #E8A33D;        /* «в работе» на тёмном: тот же смысл, другой контекст */
  --good-soft: #14331F;
  --warn-soft: #3A2413;
  --work-soft: #3A2C10;
}

/* На тёмной плашке акцент светлый, и белая надпись на нём читалась как 2.45:1.
   Тёмный текст на светлой кнопке даёт 6.9:1 - кнопка остаётся заметной. */
.term-card .btn--accent, .contacts .btn--accent, .panel--dark .btn--accent,
.ctabar .btn--accent, .footer .btn--accent { color: var(--ink); }