/* ============================================================
   VIA BIT — BASE (tokens, шрифты, типографика, контейнеры)
   ============================================================ */

:root {
	--viabit-primary: #009BF0;
	--viabit-primary-dark: #0878c2;

	--viabit-bg: #EEF2F7;
	--viabit-surface: #F5F7FA;
	--viabit-white: #FFFFFF;

	--viabit-text: #314B5E;
	--viabit-text-secondary: #697386;

	--viabit-border: #DCE4ED;
	--viabit-accent: #FFB800;
	--viabit-danger: #E66B6B;
	--viabit-success: #49A97D;

	--viabit-radius-sm: 10px;
	--viabit-radius-md: 16px;
	--viabit-radius-lg: 24px;
	--viabit-radius-xl: 32px;
	--viabit-radius-pill: 999px;

	--viabit-space-1: 4px;
	--viabit-space-2: 8px;
	--viabit-space-3: 12px;
	--viabit-space-4: 16px;
	--viabit-space-5: 20px;
	--viabit-space-6: 24px;
	--viabit-space-8: 32px;
	--viabit-space-10: 40px;
	--viabit-space-12: 48px;
	--viabit-space-16: 64px;
	--viabit-space-20: 80px;
}

body,
.entry-content,
.wp-block-post-content,
.woocommerce {
	font-family: 'Inter', sans-serif;
}

h1, h2, h3, h4, h5, h6,
.viabit-section-title,
.viabit-page-title,
.viabit-hero__title,
.viabit-promo__title,
.viabit-request__title,
.viabit-catalog-banner__title,
.wp-block-heading {
	font-family: 'Inter', sans-serif;
	font-weight: 700;
}

.viabit-hero__text,
.viabit-section-subtitle,
.viabit-promo__text,
.viabit-request__text,
.viabit-cat__text,
.viabit-feature__text,
.viabit-catalog__count,
.woocommerce-result-count,
.product .woocommerce-loop-product__title,
.viabit-catalog__content .product .woocommerce-loop-product__title,
.is-style-text-small,
.is-style-text-sm,
.viabit-feature__title {
	font-family: 'IBM Plex Mono', monospace;
}

.viabit-custom-logo,
.custom-logo,
.viabit-btn,
.viabit-hero__cta,
.viabit-hero__buy,
.wp-block-button__link,
.product .button,
.viabit-catalog__content .product .button,
.viabit-cat__title,
.viabit-drawer__title,
.viabit-filter__title,
.viabit-brand,
.price,
.woocommerce-Price-amount,
.viabit-banner__title,
.viabit-catalog-banner__btn,
.viabit-mobile-nav__label {
	font-family: 'Gilroy', 'Inter', sans-serif;
}

.viabit-container {
	max-width: 1600px;
	margin: 0 auto;
	padding: 0 40px;
	box-sizing: border-box;
}

.site-container {
	width: min(100% - 52px, 1480px);
	margin-inline: auto;
}

.viabit-section-title {
	margin: 0 0 12px;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #314B5E;
}

.viabit-section-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
}

.viabit-section-head .viabit-section-title {
	margin-bottom: 0;
}

.viabit-section-subtitle {
	margin: 0 0 32px;
	max-width: 720px;
	font-size: 1rem;
	line-height: 1.6;
	color: #A7ADBA;
}

.viabit-empty {
	padding: 24px 0;
	color: #64748B;
}

.viabit-page-title {
	color: #314B5E;
	font-size: 2.25rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.01em;
}

/* --- Buttons --- */
.viabit-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 14px 28px;
	border: 0;
	border-radius: var(--viabit-radius-pill);
	background: #009BF0;
	color: #fff;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
	transition: background 0.2s ease;
}

.viabit-btn:hover,
.viabit-btn:focus {
	background: #0088D8;
	color: #fff;
	text-decoration: none;
}

.viabit-btn--light {
	background: #fff;
	color: #009BF0;
}

.viabit-btn--light:hover,
.viabit-btn--light:focus {
	background: #F1F5F9;
	color: #0088D8;
}

.viabit-btn--sm {
	padding: 10px 20px;
	font-size: 0.875rem;
	border-radius: 10px;
}

/* --- Content pages --- */
.viabit-page-content {
	color: #334C5C;
	margin: 20px 0;
}

.viabit-page-content h1,
.viabit-page-content h2,
.viabit-page-content h3 {
	font-family: 'Inter', sans-serif;
	font-weight: 800;
	text-transform: uppercase;
	color: #13184D;
}

.viabit-page-content h1 { font-size: 32px; line-height: 1.2; }
.viabit-page-content h2 { font-size: 28px; line-height: 1.25; }
.viabit-page-content h3 { font-size: 22px; line-height: 1.3; }

.viabit-page-content p {
	font-family: 'IBM Plex Mono', monospace;
	font-size: 15px;
	line-height: 1.6;
	margin: 0 0 16px;
	color: #334C5C;
}

.viabit-page-content ul,
.viabit-page-content ol {
	font-family: 'IBM Plex Mono', monospace;
	font-size: 15px;
	line-height: 1.6;
	padding-left: 0;
	margin: 0 0 20px;
	color: #334C5C;
}

.viabit-page-content li {
	margin-bottom: 8px;
}

.viabit-page-content img {
	max-width: 100%;
	height: auto;
	border-radius: 12px;
	margin: 20px 0;
}

.viabit-page-content .wp-block-button {
	margin: 24px 0;
}

.viabit-page-content .wp-block-button a,
.viabit-page-content .wp-block-button__link {
	display: inline-block;
	padding: 12px 28px;
	font-family: 'Inter', sans-serif;
	font-weight: 600;
	font-size: 15px;
	line-height: 1;
	color: #fff;
	background: #0090F0;
	border-radius: 52px;
	text-decoration: none;
	transition: background .2s ease;
}

.viabit-page-content .wp-block-button a:hover,
.viabit-page-content .wp-block-button__link:hover {
	background: #0078D0;
}

.viabit-page-content .wp-block-button.is-style-outline a,
.viabit-page-content .wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent;
	border: 2px solid #0090F0;
	color: #0090F0;
}

.viabit-page-content .wp-block-button.is-style-outline a:hover {
	background: #0090F0;
	color: #fff;
}

.viabit-page-content .viabit-container {
	padding: 0;
}