/* Базовые стили: цвета, типографика, общая сетка */

:root {
    /* Премиум-палитра «доверие»: глубокий индиго-синий + акцент «вода» */
    --color-primary: #1e3a8a; /* Глубокий синий — надёжность */
    --color-primary-dark: #172554;
    --color-accent: #0ea5e9; /* Цвет воды — для подсветок и иконок */
    --color-accent-dark: #0284c7;
    --color-cta: #f59e0b; /* Тёплый акцент для бейджей гарантии/CTA */
    --color-text: #0f172a;
    --color-text-light: #64748b;
    --color-bg: #ffffff;
    --color-bg-light: #f8fafc;
    --color-bg-deep: #0f1f4b; /* Тёмная подложка hero/футера */
    --color-border: #e2e8f0;
    --color-success: #10b981;

    /* Отступы */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 2rem;
    --spacing-lg: 3rem;
    --spacing-xl: 4rem;

    /* Скругления — мягче, премиальнее */
    --border-width: 1px;
    --border-radius: 10px;
    --border-radius-lg: 16px;

    /* Тени для глубины */
    --shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.08);
    --shadow-md: 0 8px 24px rgba(15, 23, 42, 0.10);
    --shadow-lg: 0 20px 50px rgba(15, 23, 42, 0.14);

    /* Контейнер */
    --container-max-width: 1200px;
    --container-padding: 1.5rem;
}

body {
    background-color: var(--color-bg);
    color: var(--color-text);
    font-size: 16px;
}

/* Контейнер для центрирования контента */
.container {
    max-width: var(--container-max-width);
    margin: 0 auto;
    padding: 0 var(--container-padding);
}

/* Типографика */
h1 {
    font-size: 3rem;
    font-weight: 800;
    line-height: 1.12;
    letter-spacing: -0.02em;
    margin-bottom: var(--spacing-md);
    color: var(--color-text);
}

h2 {
    font-size: 2.35rem;
    font-weight: 700;
    line-height: 1.22;
    letter-spacing: -0.015em;
    margin-bottom: var(--spacing-md);
    color: var(--color-text);
}

h3 {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: var(--spacing-sm);
    color: var(--color-text);
}

p {
    margin-bottom: var(--spacing-sm);
    color: var(--color-text-light);
}

/* Секции с воздушными отступами */
section {
    padding: var(--spacing-xl) 0;
}

.section-title {
    text-align: center;
    margin-bottom: var(--spacing-lg);
}

/* Легкие разделители */
.divider {
    height: var(--border-width);
    background-color: var(--color-border);
    margin: var(--spacing-lg) 0;
    border: none;
}

/* Утилиты */
.text-center {
    text-align: center;
}

.mb-sm {
    margin-bottom: var(--spacing-sm);
}

.mb-md {
    margin-bottom: var(--spacing-md);
}

.mb-lg {
    margin-bottom: var(--spacing-lg);
}