/* ============================================================
   R-DEVELOPMENT — DESIGN CODE / TOKENS
   Единый источник истины для всех материалов бренда.
   Подключать первым: <link rel="stylesheet" href="tokens.css">
   Шрифты (Google Fonts): Russo One + Inter (+ Cyrillic).
   ============================================================ */

:root{
  /* ---- ЦВЕТА (правило 60 / 30 / 10) ---- */
  --onyx:#0E1316;        /* Primary 60% — тёмные поверхности, заголовки */
  --onyx-2:#1A1F24;      /* приподнятый тёмный слой */
  --sky:#BFD9E6;         /* Accent 10% — плоская плашка под цифры/акценты */
  --sky-soft:#DDEBF2;    /* светлая акцентная заливка */
  --sky-deep:#A9CCDD;    /* иконки / вторичный акцент */
  --paper:#F2F3F5;       /* Surface 30% — карточки на белом */
  --paper-2:#E9ECEF;     /* вторая поверхность */
  --white:#FFFFFF;       /* базовый фон ВЕЗДЕ */
  --slate:#8A93A0;       /* вспомогательный текст, лейблы */

  /* ---- ТЕКСТ ---- */
  --ink:#0E1316;         /* основной текст = Onyx */
  --ink-soft:#2D2D2D;    /* тело текста (чуть мягче) */
  --gray:#5B6470;        /* вторичный текст */
  --line:#E4E7EA;        /* волосяные линии, бордеры */

  /* ---- РАДИУСЫ ---- */
  --r-card:24px;         /* карточки */
  --r-tile:16px;         /* плашки */
  --r-pill:100px;        /* пилюли, кнопки */

  /* ---- СЕТКА ---- */
  --slide-margin:80px;   /* поле слайда */
  --slide-margin-sm:64px;
  --gutter:16px;         /* промежуток */

  /* ---- ШРИФТЫ ---- */
  --font-head:"Russo One",sans-serif;   /* hero, H1, H2, крупные цифры */
  --font-text:"Inter",sans-serif;       /* body, подписи, числа, лейблы */

  /* ---- ТИП-ШКАЛА (px) ---- */
  --fs-hero:120px;       /* обложки */
  --fs-h1:64px;
  --fs-h2:36px;
  --fs-lead:24px;
  --fs-body:18px;
  --fs-caption:14px;
  --fs-label:13px;       /* uppercase + letter-spacing */

  /* ---- ТЕНИ ---- */
  --shadow-pin:0 8px 24px -8px rgba(14,19,22,.25);
}

/* ============================================================
   ПРАВИЛА (справочно, в комментарии — не CSS):
   • Фон ВЕЗДЕ белый (#FFFFFF). Sky — только плоский блок/плашка
     под цифры и акценты. Никаких градиентов, никакого #000,
     никаких тёплых серых.
   • Заголовки — Russo One. Текст/подписи/числа — Inter.
     Мелкие лейблы — Inter uppercase, letter-spacing .12–.18em.
   • Скругления: карточка 24 · плашка 16 · пилюля/кнопка 100.
   • Числа: рубли «132 427 200 ₽» (тонкий неразрывный пробел U+2009),
     проценты «~82 %» (пробел перед знаком).
   • Итоговая цифра — Sky на Onyx или Onyx на Sky.
   ============================================================ */

/* ---- УТИЛИТЫ (опционально) ---- */
.rdev-head{font-family:var(--font-head);font-weight:400;}
.rdev-text{font-family:var(--font-text);}
.rdev-label{font-family:var(--font-text);font-weight:600;font-size:var(--fs-label);
  letter-spacing:.14em;text-transform:uppercase;color:var(--slate);}

/* Wordmark «R-development» — базовая форма */
.rdev-wm{display:inline-flex;align-items:baseline;font-family:var(--font-head);
  letter-spacing:-.02em;line-height:.85;color:var(--ink);}
.rdev-wm .rbox{display:inline-flex;align-items:center;justify-content:center;
  background:var(--sky);color:var(--ink);border-radius:.16em;
  padding:0 .16em .04em;margin-right:.04em;}