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

:root {
    /* Цветовая палитра - светлые тона */
    --color-primary: #2563eb; /* Синий для акцентов */
    --color-primary-dark: #1e40af;
    --color-text: #1f2937;
    --color-text-light: #6b7280;
    --color-bg: #ffffff;
    --color-bg-light: #f9fafb;
    --color-border: #e5e7eb;
    --color-success: #10b981;
    
    /* Отступы */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 2rem;
    --spacing-lg: 3rem;
    --spacing-xl: 4rem;
    
    /* Тонкие линии */
    --border-width: 1px;
    --border-radius: 4px;
    
    /* Контейнер */
    --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: 2.5rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: var(--spacing-md);
    color: var(--color-text);
}

h2 {
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.3;
    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);
}