/* Основные CSS переменные для сайта dev04k1.atsp.kz */
:root {
    /* Цветовая палитра */
    --primary-color: #9b4f96;       /* Глубокий пурпурный (используется как основной акцент) */
    --primary-color-rgb: 155, 79, 150;  /* RGB версия для использования в rgba() */
    --secondary-color: #d81b60;     /* Страстный розовый (для hover-эффектов, кнопок) */
    --accent-color: #ff9e80;        /* Теплый персиковый (для VIP меток, акцентов) */
    --dark-color: #1a1a2e;          /* Глубокий темно-синий (для темных секций, футера) */
    --light-color: #f8f9fa;         /* Почти белый (светлый фон, светлый текст на темном) */

    /* Текст */
    --text-dark: #343a40;           /* Основной темный цвет текста (почти черный) */
    --text-light: #f8f9fa;          /* Основной светлый цвет текста (на темных фонах) */
    --text-muted: #6c757d;          /* Приглушенный серый текст */
    --link-color: var(--primary-color); /* Цвет ссылок по умолчанию */
    --link-hover-color: var(--secondary-color); /* Цвет ссылок при наведении */

    /* Фоны и границы */
    --body-bg: #f5f5f5;             /* Основной фон страницы (светло-серый) */
    --card-bg-light: #ffffff;       /* Фон светлых карточек (белый) */
    --card-bg-dark: rgba(26, 26, 46, 0.8); /* Полупрозрачный темный фон для карточек */
    --gray-light: #f8f9fa;          /* Очень светлый серый (поля ввода, некоторые фоны) */
    --gray-medium: #dee2e6;         /* Средний серый (границы, разделители) */
    --border-light: #e9ecef;        /* Светлая граница */

    /* Тени */
    --shadow: 0 10px 30px rgba(0, 0, 0, 0.1);        /* Стандартная тень */
    --card-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);   /* Тень для карточек */
    --card-hover-shadow: 0 12px 35px rgba(0, 0, 0, 0.12); /* Тень карточек при наведении */

    /* Шрифты (основные семейства, взяты из index.php) */
    --font-family-sans-serif: "Montserrat", sans-serif;
    --font-family-serif: "Playfair Display", serif;
    --font-family-base: var(--font-family-sans-serif);
    --headings-font-family: var(--font-family-serif);
}

/* Базовые стили */
body {
    font-family: var(--font-family-base);
    color: var(--text-dark);
    background-color: var(--body-bg);
    line-height: 1.7; /* Улучшаем читаемость */
}

h1, h2, h3, h4, h5, h6, .navbar-brand, .card-title, .feature-title {
    font-family: var(--headings-font-family);
    font-weight: 600; /* Немного жирнее заголовки */
}

a {
    color: var(--link-color);
    text-decoration: none; /* Убираем подчеркивание по умолчанию */
    transition: color 0.3s ease;
}

a:hover {
    color: var(--link-hover-color);
    text-decoration: none; /* Оставляем без подчеркивания при наведении */
}

/* Улучшения для Bootstrap компонентов (примеры) */
.btn-primary {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.2s ease;
}

.btn-primary:hover {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
    transform: translateY(-2px); /* Небольшой подъем при наведении */
}

.form-control,
.form-select {
    border-radius: 0.5rem; /* Более мягкое скругление */
    border-color: var(--border-light);
}

.form-control:focus,
.form-select:focus {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 0.25rem rgba(var(--primary-color-rgb), 0.25);
}

.card {
    border: none; /* Убираем стандартную рамку Bootstrap */
    box-shadow: var(--card-shadow);
    border-radius: 15px; /* Единое скругление для карточек */
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.card:hover {
    box-shadow: var(--card-hover-shadow);
    transform: translateY(-5px);
}

/* Добавьте сюда другие ваши глобальные стили */