/* Палитра проекта «Амплитуда» (донор стилистики — bork.ru, цвета сняты с макета) */
:root {
    --amp-bg: #FFFFFF;
    --amp-bg-soft: #F2F3F0;
    --amp-surface: #FFFFFF;
    --amp-header: #FFFFFF;
    --amp-text: #1A1D1F;
    --amp-muted: #6B7075;
    --amp-accent: #BD2E3A;
    --amp-accent-hover: #A2242F;
    --amp-line: #E3E5E2;
    --amp-radius: 4px;
}

/* Тёмная тема — переключатель в шапке, выбор запоминается в localStorage */
[data-theme="dark"] {
    --amp-bg: #292B2D;
    --amp-bg-soft: #303336;
    --amp-surface: #303336;
    --amp-header: #303336;
    --amp-text: #F2F3F0;
    --amp-muted: #BEC2C7;
    --amp-accent: #D44550;
    --amp-accent-hover: #E05A64;
    --amp-line: #3D4144;
}

body {
    background: var(--amp-bg);
    color: var(--amp-text);
    transition: background var(--transition-fast), color var(--transition-fast);
}

/* Заголовок секции — единый ритм по всем блокам */
.section-title {
    margin: 0 0 32px;
    font-size: 34px;
    font-weight: var(--font-weight-medium);
    line-height: 1.15;
    letter-spacing: -0.5px;
    text-transform: uppercase;
    color: var(--amp-text);
}

section {
    padding: 64px 0;
}

/* Кнопка */
.btn {
    display: inline-block;
    padding: 14px 32px;
    border: 0;
    border-radius: var(--amp-radius);
    background: var(--amp-accent);
    color: #fff;
    font-size: var(--font-size-small);
    font-weight: var(--font-weight-medium);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-decoration: none;
    cursor: pointer;
    transition: background var(--transition-fast);
}

.btn:hover {
    background: var(--amp-accent-hover);
}

/* Переключатель темы в шапке */
.theme-toggle {
    width: 34px;
    height: 34px;
    padding: 0;
    border: 1px solid var(--amp-line);
    border-radius: 50%;
    background: transparent;
    color: var(--amp-text);
    font-size: 15px;
    line-height: 32px;
    text-align: center;
    cursor: pointer;
    transition: border-color var(--transition-fast);
}

.theme-toggle:hover {
    border-color: var(--amp-accent);
}

@media (max-width: 768px) {
    section {
        padding: 40px 0;
    }

    .section-title {
        margin-bottom: 20px;
        font-size: 24px;
    }
}

/* Базовые переменные темы были синими (bootstrap-подобными) — уводим в палитру проекта,
   иначе ссылки и выделения в текстовых блоках светят чужим #007bff */
:root {
    --color-primary: #BD2E3A;
    --color-primary-hover: #A2242F;
    --color-accent: #BD2E3A;
    --color-text: #1A1D1F;
    --font-family-base: 'Manrope', 'Helvetica Neue', Arial, sans-serif;
}

[data-theme="dark"] {
    --color-primary: #D44550;
    --color-primary-hover: #E05A64;
    --color-accent: #D44550;
    --color-text: #F2F3F0;
    --color-white: #F2F3F0;
    --color-secondary: #303336;
    --color-border: #3D4144;
}

a {
    color: var(--amp-accent);
}

.about-company-content strong {
    color: var(--amp-text);
}

/* Шапка и подвал в тёмной теме: фон и текст берут переменные, иначе светлый текст
   остаётся на светлой полосе и контакты пропадают */
.header-top,
.header-bottom,
.site-header {
    background: var(--amp-header);
    color: var(--amp-text);
}

.header-top a,
.header-bottom a,
.header-address,
.header-worktime,
.header-phones,
.header-contacts {
    color: var(--amp-text);
}

/* Реквизиты приходят обычным текстом с переносами */
.footer-rekv,
.footer__rekv,
.footer-requisites {
    white-space: pre-line;
}

/* Страницы WooCommerce */
.woo-page {
    padding: 40px 0 64px;
}

.woo-page .woocommerce-products-header__title,
.woo-page .product_title {
    font-size: 30px;
    font-weight: var(--font-weight-medium);
    color: var(--amp-text);
}

.woo-page .price,
.woo-page .woocommerce-Price-amount {
    color: var(--amp-accent);
    font-weight: var(--font-weight-semibold);
}

.woo-page .button,
.woo-page .single_add_to_cart_button {
    background: var(--amp-accent) !important;
    color: #fff !important;
    border-radius: var(--amp-radius);
}