/* SvetSalonPro unified 2026 palette: forest, sage, champagne, ivory */
:root {
    --brand-ink: #0f2f2a;
    --brand-ink-soft: #173f38;
    --brand-sage: #6f8f72;
    --brand-sage-soft: #dce7dc;
    --brand-accent: #d9b77e;
    --brand-accent-deep: #a66f4f;
    --brand-ivory: #fbf7ef;
    --brand-cream: #f3eadc;
    --brand-text: #182622;
    --brand-muted: #69766f;
    --brand-border: rgba(15, 47, 42, 0.13);
    --brand-shadow: 0 24px 70px rgba(15, 47, 42, 0.13);
}

html,
body {
    background:
        radial-gradient(circle at 12% 8%, rgba(217, 183, 126, 0.24), transparent 28rem),
        radial-gradient(circle at 88% 14%, rgba(111, 143, 114, 0.2), transparent 30rem),
        var(--brand-ivory) !important;
    color: var(--brand-text);
}

::selection {
    background: rgba(217, 183, 126, 0.45);
    color: var(--brand-ink);
}

a {
    text-underline-offset: 0.18em;
}

.glass-ios,
.menu-overlay,
[class*="bg-[#111]"],
[class*="bg-[#121212]"] {
    background-color: var(--brand-ink) !important;
}

.gold-text,
[class*="text-[#D4AF37]"],
[class*="text-pink-"],
[class*="text-purple-"],
[class*="text-blue-"],
[class*="text-rose-"],
.text-green-500,
.text-wb-purple,
.nav-item.active,
.nav-item:hover {
    color: var(--brand-accent) !important;
    -webkit-text-fill-color: currentColor !important;
    background: none !important;
}

.btn-gold,
.btn-modern,
.wb-purple,
.ios-button,
.btn-primary,
[class*="bg-pink-"],
[class*="bg-purple-"],
[class*="bg-blue-"],
[class*="bg-rose-"],
[class*="bg-red-"],
[class*="bg-[#D4AF37]"] {
    background: linear-gradient(135deg, var(--brand-sage), var(--brand-ink-soft)) !important;
    color: #fff !important;
}

.btn-gold:hover,
.btn-modern:hover,
.ios-button:hover,
.btn-primary:hover {
    box-shadow: 0 16px 34px rgba(15, 47, 42, 0.18) !important;
}

[class*="from-pink-"],
[class*="from-purple-"],
[class*="from-indigo-"],
[class*="from-blue-"],
[class*="from-red-"],
[class*="from-rose-"] {
    --tw-gradient-from: var(--brand-sage) var(--tw-gradient-from-position) !important;
    --tw-gradient-to: rgba(111, 143, 114, 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

[class*="to-purple-"],
[class*="to-indigo-"],
[class*="to-cyan-"],
[class*="to-rose-"],
[class*="to-pink-"] {
    --tw-gradient-to: var(--brand-accent) var(--tw-gradient-to-position) !important;
}

[class*="border-[#D4AF37]"],
[class*="border-pink-"],
[class*="border-purple-"],
[class*="border-blue-"],
[class*="border-rose-"] {
    border-color: rgba(217, 183, 126, 0.44) !important;
}

.bg-white,
.glass-panel,
.glass-card,
.master-card,
.card,
.contact-booking-card,
.favorite-card,
.setting-card,
.product-card {
    border-color: var(--brand-border) !important;
}

.glass-panel,
.glass-card,
.card {
    box-shadow: var(--brand-shadow) !important;
}

.ios-background {
    background:
        radial-gradient(circle at 18% 34%, rgba(111, 143, 114, 0.24), transparent 28%),
        radial-gradient(circle at 84% 18%, rgba(217, 183, 126, 0.24), transparent 28%) !important;
}

.ios-title {
    background: linear-gradient(135deg, var(--brand-ink), var(--brand-sage)) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.filter-btn.active,
.filter-btn:hover,
.shop-pill,
.product-card__price,
.heart-btn.active {
    color: var(--brand-accent-deep) !important;
}

.toggle-switch.active,
.product-card__actions button.primary,
.shop-page {
    --shop-accent: var(--brand-accent-deep);
    --shop-accent-secondary: var(--brand-sage);
    --shop-border: rgba(15, 47, 42, 0.13);
    --shop-border-strong: rgba(217, 183, 126, 0.42);
    --shop-shadow: var(--brand-shadow);
    --shop-gradient: linear-gradient(135deg, var(--brand-sage), var(--brand-ink-soft));
    --accent: var(--brand-accent-deep);
}

.animate-attention {
    animation: none !important;
    box-shadow: 0 14px 34px rgba(15, 47, 42, 0.18) !important;
}

input:focus,
select:focus,
textarea:focus {
    border-color: var(--brand-accent) !important;
    box-shadow: 0 0 0 4px rgba(217, 183, 126, 0.16) !important;
}

.nav-bubble,
.contact-form-luxury,
.contact-booking-card,
.price-card,
.filter-pill,
.service-photo-card,
.master-preview-card,
.master-spotlight-card,
.master-profile-card {
    backdrop-filter: blur(18px) saturate(1.08);
    -webkit-backdrop-filter: blur(18px) saturate(1.08);
}

.section-dark,
.footer-luxury,
footer[style*="var(--luxury-text)"] {
    background:
        radial-gradient(circle at 12% 0%, rgba(217, 183, 126, 0.18), transparent 26rem),
        linear-gradient(135deg, var(--brand-ink), #081f1b) !important;
}

.btn-luxury,
button.btn-luxury,
.contact-booking-card button {
    background: linear-gradient(135deg, var(--brand-sage), var(--brand-ink-soft)) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: #fff !important;
    box-shadow: 0 16px 34px rgba(15, 47, 42, 0.15);
}

.btn-luxury:hover,
button.btn-luxury:hover,
.contact-booking-card button:hover {
    background: linear-gradient(135deg, var(--brand-accent), var(--brand-accent-deep)) !important;
    color: var(--brand-ink) !important;
    transform: translateY(-2px);
}

.btn-luxury-outline {
    background: rgba(255, 255, 255, 0.48) !important;
    border-color: rgba(217, 183, 126, 0.55) !important;
    color: var(--brand-ink) !important;
}

.form-input,
.contact-booking-card input,
.contact-booking-card select {
    background: rgba(255, 255, 255, 0.72) !important;
}

.filter-pill:hover,
.filter-pill:focus-visible {
    background: rgba(217, 183, 126, 0.16) !important;
}

[class*="focus:ring-pink-"]:focus,
[class*="focus:ring-purple-"]:focus,
[class*="focus:ring-blue-"]:focus,
[class*="peer-focus:ring-pink-"]:focus {
    --tw-ring-color: rgba(217, 183, 126, 0.32) !important;
}

[class*="peer-checked:bg-pink-"],
[class*="peer-checked:bg-purple-"] {
    background-color: var(--brand-sage) !important;
}