/**
 * Палитра vc.ru (светлая / тёмная) для ТОП-ФРАНШИЗА.РФ
 * Источник: https://vc.ru/assets/index-C-BABy3R.css
 * Обновлено: 2026-05-22
 */

:root {
    /* Бренд vc (розовый — точечно, не для primary-кнопок) */
    --vc-brand: #ff5577;
    --vc-brand-primary: #e65c77;
    --vc-brand-bright: #ff6685;
    --vc-brand-header-bg: #ffe6eb;
    --vc-brand-surface: #fff5f7;

    /* Сигналы / ссылки / активные элементы */
    --vc-accent: #0b5dd7;
    --vc-accent-dark: #2664bf;
    --vc-accent-light: #b3d1ff;
    --vc-accent-lightest: #e6effd;
    --vc-link: #0b5dd7;
    --vc-link-hover: #2664bf;
    --vc-positive: #30b03d;
    --vc-negative: #f0303d;
    --vc-rating: #ffa800;

    /* Фон и поверхности */
    --vc-page-background: #f2f2f2;
    --vc-surface: #ffffff;
    --vc-card-bg: #ffffff;
    --vc-header-bg: rgba(255, 255, 255, 0.94);
    --vc-surface-active: #e5f0ff;
    --vc-surface-active-hover: #d1e3ff;
    --vc-nav-active-bg: #e5f0ff;
    --vc-nav-active-text: #0b5dd7;
    --vc-media-inset: rgba(0, 0, 0, 0.08);
    --vc-warning-bg: #fff8e0;

    /* Текст */
    --vc-text-primary: #000000;
    --vc-text-secondary: #595959;
    --vc-text-tertiary: #808080;

    /* Границы и тени */
    --vc-border: #e5e5e5;
    --vc-border-strong: #dadada;
    --vc-shadow: rgba(0, 0, 0, 0.08);

    /* Поля ввода / поиск */
    --vc-field-bg: #f5f5f5;
    --vc-field-bg-hover: #ffffff;
    --vc-field-border: #ededed;

    /* Кнопки */
    --vc-btn-secondary-bg: #ffffff;
    --vc-btn-secondary-shadow: 0 0 2px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.1),
        inset 0 -1px 0 rgba(0, 0, 0, 0.06);

    /* Попапы / стекло */
    --vc-popover-bg: #ffffff;
    --vc-popover-active: #f2f2f2;
    --vc-glass-border: rgba(218, 218, 218, 0.31);
}

html[data-tf-theme='dark'] {
    --vc-brand: #ff5577;
    --vc-brand-primary: #ba4f64;
    --vc-brand-bright: #e68a9c;
    --vc-brand-header-bg: #2a2729;
    --vc-brand-surface: #2d2d2e;

    --vc-accent: #418af4;
    --vc-accent-dark: #598fde;
    --vc-accent-light: #334e64;
    --vc-accent-lightest: rgba(255, 255, 255, 0.06);
    --vc-link: #418af4;
    --vc-link-hover: #598fde;
    --vc-positive: #33a03e;
    --vc-negative: #d6333e;
    --vc-rating: #ffa800;

    --vc-page-background: #161617;
    --vc-surface: #232324;
    --vc-card-bg: #232324;
    --vc-header-bg: rgba(22, 22, 23, 0.96);
    --vc-surface-active: #39393a;
    --vc-surface-active-hover: #424243;
    --vc-nav-active-bg: #39393a;
    --vc-nav-active-text: #c9cccf;
    --vc-media-inset: rgba(255, 255, 255, 0.06);
    --vc-warning-bg: rgba(255, 255, 255, 0.06);

    --vc-text-primary: #c9cccf;
    --vc-text-secondary: #969c9d;
    --vc-text-tertiary: #969da0;

    --vc-border: #353436;
    --vc-border-strong: #363636;
    --vc-shadow: rgba(0, 0, 0, 0.3);

    --vc-field-bg: #2c2c2d;
    --vc-field-bg-hover: #1e1d1e;
    --vc-field-border: #262626;

    --vc-btn-secondary-bg: #2c2c2c;
    --vc-btn-secondary-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02), 0 1px 3px rgba(0, 0, 0, 0.14);

    --vc-popover-bg: #1f1f1f;
    --vc-popover-active: #313131;
    --vc-glass-border: rgba(255, 255, 255, 0.01);
}