/**
 * Дизайн-токены и масштабируемая типографика
 */

:root {
    /* ==========================================================================
       1. ЕДИНЫЙ ИСТОЧНИК ШРИФТА И МАСШТАБА
       ========================================================================== */
    --vstts-font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --vstts-font-scale: 1; /* В BVI меняется на 1.35 или 1.65 */

    /* Заголовки (H1-H5) */
    --font-h1: calc(40px * var(--vstts-font-scale));
    --font-h2: calc(28px * var(--vstts-font-scale));
    --font-h3: calc(24px * var(--vstts-font-scale));
    --font-h4: calc(22px * var(--vstts-font-scale));
    --font-h5: calc(20px * var(--vstts-font-scale));

    /* Основной текст */
    --font-body-xl: calc(18px * var(--vstts-font-scale));
    --font-body-l:  calc(16px * var(--vstts-font-scale));
    --font-body-m:  calc(14px * var(--vstts-font-scale));
    --font-body-s:  calc(12px * var(--vstts-font-scale));
    --font-body-xs: calc(10px * var(--vstts-font-scale));

    /* Скругление UI Kit */
    --vstts-radius: 32px;
    --bs-border-radius: 32px;

    /* ==========================================================================
       2. СЕМАНТИЧЕСКИЕ ЦВЕТА ТЕКСТА
       ========================================================================== */
    --vstts-text-primary: #000000;
    --vstts-text-secondary: #5c6470;
    --vstts-text-tertiary: #8c939d;
    --vstts-text-inverse: #ffffff;
    --vstts-text-negative: #e52222;
    --vstts-focus-border: #1f5582;

    /* Фоны */
    --vstts-bg-base: #ffffff;
    --vstts-bg-base-02: #ebf3fc;
    --vstts-bg-base-03: #f2f7fc;
    --vstts-header-bg: #47667b;
    --vstts-input-border: #d1d5db;

    /* Кнопки */
    --vstts-accent-primary: #4C7AA2;
    --vstts-accent-hover: #1D3A54;
    --vstts-accent-disabled: #718290;
    --bs-link-color: #4C7AA2;
    --bs-link-hover-color: #1D3A54;

    /* background-base-06 */
    --vstts-base-06: rgba(77, 107, 131, 1);
    --vstts-header-bg: var(--vstts-base-06);

    /* Цвет ссылок  */
    --vstts-footer-link: rgba(168, 206, 241, 1);
}