body {
            /* Запрещаем браузеру применять темную тему */
            color-scheme: light;
            
            font-family: 'Cormorant Garamond', serif;
            background-color: #ffffff !important;
            color: #333333 !important;
            
            /* Зеленые листочки по бокам (SVG паттерн) */
            background-image: 
                url("../img/1.png"),
                url("../img/2.png");
            background-position: left top, right top;
            background-repeat: repeat-y, repeat-y;
            background-attachment: fixed;
        }

        .names-title {
            font-family: 'Great Vibes', cursive;
            font-size: 5rem;
            color: #4A7045; /* Темно-зеленый цвет для акцентов */
            margin-bottom: 0;
            line-height: 1.2;
        }

        .section-title {
            font-family: 'Great Vibes', cursive;
            font-size: 3.5rem;
            color: #4A7045;
            margin-top: 2rem;
            margin-bottom: 1rem;
        }

        .content-card {
            background-color: rgba(255, 255, 255, 0.95);
            border-radius: 20px;
            box-shadow: 0 10px 40px rgba(74, 112, 69, 0.1);
            padding: 50px 30px;
            margin-top: 50px;
            margin-bottom: 50px;
            border: 1px solid #e8f0e6;
        }

        .date-highlight {
            font-size: 2rem;
            font-weight: 600;
            color: #4A7045;
            border-top: 1px solid #4A7045;
            border-bottom: 1px solid #4A7045;
            padding: 10px 0;
            display: inline-block;
            margin: 20px 0;
        }

        .btn-green {
            background-color: #4A7045;
            color: white;
            font-size: 1.2rem;
            padding: 10px 30px;
            border-radius: 50px;
            border: none;
            transition: all 0.3s ease;
        }

        .btn-green:hover {
            background-color: #385634;
            color: white;
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(74, 112, 69, 0.3);
        }

        .form-control:focus {
            border-color: #4A7045;
            box-shadow: 0 0 0 0.25rem rgba(74, 112, 69, 0.25);
        }

        /* Адаптивность для мобильных телефонов */
        @media (max-width: 768px) {
            body {
                background-size: 50px; /* Уменьшаем листья на телефоне */
            }
            .names-title {
                font-size: 3.5rem;
            }
            .content-card {
                padding: 30px 20px;
                margin-top: 20px;
            }
        }


/* Стили для палитры дресс-кода */
.color-circle-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px; /* Расстояние между кружочками */
    margin-top: 20px;
}

.color-circle {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: inline-block;
    /* Легкая тень, чтобы светлые круги не сливались с фоном */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: default;
}

/* Эффект при наведении — кружочек немного увеличивается */
.color-circle:hover {
    transform: scale(1.15);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
}

/* Адаптивность для мобильных устройств */
@media (max-width: 576px) {
    .color-circle {
        width: 40px;
        height: 40px;
    }
    .color-circle-container {
        gap: 10px;
    }
}