/* ======================================
   Budjet — Новая цветовая гамма и стили
   ====================================== */

/* Базовые цвета */
:root {
    --color-primary: #0d6e6e;        /* насыщенный бирюзово-зелёный */
    --color-primary-light: #23a6a6;  /* светлый акцент */
    --color-accent: #f4c542;         /* золотисто-жёлтый акцент */
    --color-dark: #2e2e38;           /* тёмно-графитовый */
    --color-text: #3a3a45;           /* базовый текст */
    --color-muted: #6b7a89;          /* второстепенный текст */
    --color-bg-light: #c0e3db;       /* светлый фон */
    --color-bg-section: #eef2f3;     /* фон для секций */
}

/* Общие настройки */
body {
    font-family: 'Tinos', serif;
    color: var(--color-text);
    line-height: 1.6;
    background-color: var(--color-bg-light);
}

/* Header */
.header .navbar-brand {
    font-size: 1.8rem;
    color: var(--color-primary);
}

/* Hero Section */
.hero {
    background-color: var(--color-bg-section);
    padding: 60px 0;
}

.hero-title {
    font-size: 2.5rem;
    color: var(--color-dark);
}

.hero-text {
    font-size: 1.2rem;
    color: var(--color-muted);
}

.btn-primary {
    background-color: var(--color-primary);
    border: none;
    color: #fff;
    transition: all 0.3s ease;
}

.btn-primary:hover {
    background-color: var(--color-primary-light);
    color: var(--color-dark);
}

.hero-image {
    border-radius: 12px;
}

/* Footer */
.footer {
    background-color: var(--color-dark);
    color: #fff;
}

/* About Section */
.about-title {
    color: var(--color-primary);
    font-size: 2rem;
}

.about-image {
    border-radius: 12px;
}

/* Why Choose Us Section */
.why-choose-us .section-title {
    color: var(--color-dark);
}

.list-group-item {
    font-size: 1.1rem;
    color: var(--color-muted);
    background-color: transparent;
}

/* Image Only Section */
.image-only img {
    max-width: 80%;
    border-radius: 15px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.08);
}

/* Our Courses Section */
.our-courses .section-title {
    color: var(--color-dark);
}

.card {
    border: none;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
    transition: transform 0.3s ease;
}

.card:hover {
    transform: translateY(-4px);
}

.card-title {
    color: var(--color-primary);
    font-size: 1.2rem;
}

.card-text {
    color: var(--color-muted);
}

/* Why Financial Planning Section */
.why-financial-planning .section-title {
    color: var(--color-primary);
    font-size: 2rem;
}

.why-financial-planning p {
    color: var(--color-muted);
    font-size: 1.15rem;
}

/* Financial Literacy Basics Section */
.financial-literacy-title {
    color: var(--color-dark);
    font-size: 2rem;
}

.financial-literacy-image {
    border-radius: 10px;
    max-width: 100%;
    height: auto;
}

/* Investments for Beginners Section */
.investments-title {
    color: var(--color-dark);
    font-size: 2rem;
}

.investments-image {
    border-radius: 10px;
    max-width: 100%;
    height: auto;
}

/* Family Budget Section */
.family-budget-title {
    color: var(--color-dark);
    font-size: 2rem;
}

.family-budget-image {
    border-radius: 10px;
    max-width: 100%;
    height: auto;
}

/* Saving on Everyday Expenses Section */
.saving-expenses-title {
    color: var(--color-dark);
    font-size: 2rem;
}

.saving-expenses-image {
    border-radius: 10px;
    max-width: 100%;
    height: auto;
}

/* Cookie Policy Section */
.cookie-policy-title {
    color: var(--color-primary);
    font-size: 2rem;
}

.cookie-policy p {
    color: var(--color-text);
    font-size: 1rem;
    line-height: 1.7;
}

/* Privacy Policy Section */
.privacy-policy-title {
    color: var(--color-primary);
    font-size: 2rem;
}

.privacy-policy p {
    color: var(--color-text);
    font-size: 1rem;
    line-height: 1.7;
}