/* Variations for NIKS GRUP */

/* 1. Midnight Gold Theme */
[data-theme="midnight-gold"] {
    --primary: #d4af37;
    --primary-rgb: 212, 175, 55;
    --secondary: #000000;
    --bg-main: #000000;
    --bg-section: #050505;
    --text-main: #ffffff;
    --text-muted: rgba(255, 255, 255, 0.7);
    --border: rgba(212, 175, 55, 0.3);
}

[data-theme="midnight-gold"] .hero {
    background: transparent;
}

[data-theme="midnight-gold"] .highlight {
    color: var(--primary);
    background: linear-gradient(to right, #fbf5b7, #d4af37, #b8860b);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none;
}

/* 2. Modern Glass Theme */
[data-theme="modern-glass"] {
    --primary: #00f2ff;
    --primary-rgb: 0, 242, 255;
    --secondary: #0f172a;
    --bg-dark: #020617;
}

[data-theme="modern-glass"] .hero {
    background: transparent;
}

[data-theme="modern-glass"] .glass,
[data-theme="modern-glass"] .lang-container.floating .lang-btn {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

[data-theme="modern-glass"] .btn-primary {
    background: transparent;
    border: 1px solid var(--primary);
    color: var(--primary);
    box-shadow: 0 0 15px rgba(0, 242, 255, 0.2);
}

/* 3. Eco-Soft Theme */
[data-theme="eco-soft"] {
    --primary: #7c9070;
    --primary-rgb: 124, 144, 112;
    --secondary: #4b3621;
    --white: #fdfaf5;
    --bg-dark: #2c3e50;
    --border: rgba(124, 144, 112, 0.4);
}

[data-theme="eco-soft"] * {
    border-radius: 20px !important;
}

[data-theme="eco-soft"] .hero {
    background: transparent;
}

[data-theme="eco-soft"] .btn-primary {
    background: var(--primary);
    color: white;
    border: none;
    box-shadow: 0 4px 15px rgba(124, 144, 112, 0.3);
}

[data-theme="eco-soft"] .nav-cta .btn-primary {
    background: transparent;
    border: 2px solid var(--primary);
    color: var(--primary);
}

/* Theme Switcher UI Styling (for dev preview) */
.theme-switcher {
    position: fixed;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    background: var(--white);
    padding: 1rem;
    border-radius: 12px;
    box-shadow: var(--shadow-hover);
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.theme-btn {
    padding: 0.5rem 1rem;
    border: 1px solid var(--border);
    background: transparent;
    cursor: pointer;
    border-radius: 8px;
    font-size: 0.8rem;
    font-weight: 600;
    transition: 0.3s;
}

.theme-btn:hover {
    background: var(--primary);
    color: var(--white);
}