/* ====================== Основные настройки ====================== */
@tailwind base;
@tailwind components;
@tailwind utilities;

body {
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
}

/* Цвета */
.gold {
    color: #b69d74;
}

.gold-bg {
    background-color: #b69d74;
}

.gold-bg:hover {
    background-color: #d4af8a;
}

/* Hero */
.hero-bg {
    position: relative;

    background-image:
        linear-gradient(
            rgba(0, 0, 0, 0.82),
            rgba(0, 0, 0, 0.88)
        ),
        url('../assets/images/hero-bg1.jfif');

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;

    overflow: hidden;
}
/* Лёгкое золотое свечение */
.hero-bg::before {
    content: "";

    position: absolute;
    inset: 0;

    background:
        radial-gradient(
            circle at top right,
            rgba(182, 157, 116, 0.15),
            transparent 35%
        );

    pointer-events: none;
}


/* Карточки */
.service-card {
    transition: all 0.3s ease;
}
.bg-zinc-900 {
    backdrop-filter: blur(12px);
    background: rgba(24, 24, 27, 0.82);
}
.gold-bg {
    background: linear-gradient(135deg, #b69d74, #d8bb8c);
    box-shadow: 0 0 25px rgba(182, 157, 116, 0.35);
}

.gold-bg:hover {
    transform: translateY(-2px) scale(1.03);
    box-shadow: 0 0 35px rgba(182, 157, 116, 0.55);
}
.service-card:hover {
    transform: translateY(-8px);
    border-color: #b69d74;
}

/* Кнопки */
.btn-gold {
    transition: all 0.3s ease;
}

.btn-gold:hover {
    transform: scale(1.05);
}

/* Адаптив */
@media (max-width: 768px) {
    .hero-bg {
        background-attachment: scroll;
    }
}