/*!
 * wintra.webcreator · tokens.css — АВТОГЕНЕРИРУЕМЫЙ файл
 * Источник: настройки модуля wintra.webcreator (Админка → Настройки модуля).
 * НЕ РЕДАКТИРОВАТЬ руками — перезапишется при следующем сохранении.
 * Кастомизация сайта — через /local/templates/<код>/custom.css.
 * Сгенерирован: 2026-06-12 12:42:59
 */
:root {
    --wintra-color-primary: #033fcb;
    --wintra-color-secondary: #f5a623;
    --wintra-color-primary-dark: #002c97;
    --wintra-color-accent: #fb4825;
    --wintra-color-ink: #171c21;
    --wintra-color-ink-muted: #475569;
    --wintra-color-surface: #f7f9ff;
    --wintra-color-card: #ffffff;
    --wintra-type-font-family: Manrope;
    --wintra-type-size-body: 16px;
    --wintra-type-size-h4: 1.125rem;
    --wintra-type-size-h3: 1.625rem;
    --wintra-type-size-h2: 2.25rem;
    --wintra-type-size-h1: 3.75rem;
    --wintra-type-size-hero: 3.75rem;
    --wintra-type-line-height-body: 1.6;
    --wintra-type-line-height-heading: 1.1;
    --wintra-type-weight-heading-light: 300;
    --wintra-type-weight-heading-bold: 800;
    --wintra-type-link-decoration: none;
    --wintra-type-link-transform: none;
    --wintra-type-size-kicker: 0.75rem;
    --wintra-type-size-chip: 0.6875rem;
    --wintra-container-max-width: 1400px;
    --wintra-container-padding-top: 60px;
    --wintra-container-padding-right: 20px;
    --wintra-container-padding-bottom: 60px;
    --wintra-container-padding-left: 20px;
    --wintra-module-module-gap: 24px;
    --wintra-module-module-radius: 28px;
    --wintra-module-padding-small: 16px;
    --wintra-module-padding-medium: 24px;
    --wintra-module-padding-large: 36px;
    --wintra-button-button-shape: pill;
    --wintra-shadow-card: 0 8px 24px rgba(15, 23, 42, 0.08);
    --wintra-font-family: Manrope, system-ui, -apple-system, sans-serif;
    --wintra-font-size-base: 16px;
    --wintra-radius: 28px;
    --wintra-module-gap: 24px;
    --wintra-padding-small:  16px;
    --wintra-padding-medium: 24px;
    --wintra-padding-large:  36px;
    --wintra-btn-radius: 999px;
    --wintra-link-decoration: none;
    --wintra-link-transform: none;
    --wintra-custom-fw600: 600;
    --wintra-custom-footer_back: #0a1224;
}

/* === Авто-классы для использования в поле «Фон» ряда/контейнера ===
 * Имя токена = имя класса. Шеф пишет в Сетке «primary» или
 * «footer_back» — фон применяется без хардкода CSS-значений.
 */
html body .wintra-bg-primary { background: var(--wintra-color-primary); }
html body .wintra-text-primary { color: var(--wintra-color-primary); }
html body .wintra-bg-secondary { background: var(--wintra-color-secondary); }
html body .wintra-text-secondary { color: var(--wintra-color-secondary); }
html body .wintra-bg-primary-dark { background: var(--wintra-color-primary-dark); }
html body .wintra-text-primary-dark { color: var(--wintra-color-primary-dark); }
html body .wintra-bg-accent { background: var(--wintra-color-accent); }
html body .wintra-text-accent { color: var(--wintra-color-accent); }
html body .wintra-bg-ink { background: var(--wintra-color-ink); }
html body .wintra-text-ink { color: var(--wintra-color-ink); }
html body .wintra-bg-ink-muted { background: var(--wintra-color-ink-muted); }
html body .wintra-text-ink-muted { color: var(--wintra-color-ink-muted); }
html body .wintra-bg-surface { background: var(--wintra-color-surface); }
html body .wintra-text-surface { color: var(--wintra-color-surface); }
html body .wintra-bg-card { background: var(--wintra-color-card); }
html body .wintra-text-card { color: var(--wintra-color-card); }
html body .wintra-custom-footer_back { background: var(--wintra-custom-footer_back); }

/* === Effects · CSS-переменные (settings → лежат на :root) === */
:root {
    --wintra-transition: 200ms;
    --wintra-shadow-sm: 0 2px 8px rgba(15, 23, 42, 0.06);
    --wintra-shadow-md: 0 8px 24px rgba(15, 23, 42, 0.08);
    --wintra-shadow-lg: 0 16px 48px rgba(15, 23, 42, 0.12);
    --wintra-shadow-card: 0 8px 24px rgba(15, 23, 42, 0.08);
}

/* === Effects · тени массово === */
.wm-card { box-shadow: var(--wintra-shadow-card); }

/* === Effects · hover карточек (scale, medium) === */
.wm-card { transition: transform var(--wintra-transition) ease, box-shadow var(--wintra-transition) ease, border-color var(--wintra-transition) ease; }
.wm-card:hover { transform: scale(1.02); }

/* === Effects · длительность scrollspy-анимации === */
[uk-scrollspy] { animation-duration: var(--wm-scroll-duration, 500ms); }
[uk-scrollspy] .wm-card { animation-duration: var(--wm-scroll-duration, 500ms); }

/* === Effects · hover кнопок (lift) === */
.wm-btn { transition: transform var(--wintra-transition) ease, box-shadow var(--wintra-transition) ease, opacity var(--wintra-transition) ease; }
.wm-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 18px rgba(0,0,0,.15); }