/* Bliss Living Infra - shared theme tokens and base styles */
:root {
    --bg: #121417;
    --surface: #1A1D23;
    --text-primary: #F9F8F6;
    --text-muted: #8C8A85;
    --gold: #D4AF37;
    --gold-pale: #FDF0CD;
    --gold-deep: #AA7C11;
    --border-gold: rgba(212, 175, 55, 0.3);
    --border-gold-strong: rgba(212, 175, 55, 0.8);
    --font-display: 'Playfair Display', serif;
    --font-body: 'Plus Jakarta Sans', sans-serif;
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 6rem;
}

body {
    font-family: var(--font-body);
    background-color: var(--bg);
    color: var(--text-primary);
    overflow-x: hidden;
}

h1, h2, h3, h4, .font-luxury {
    font-family: var(--font-display);
}

.gold-gradient-text {
    background: linear-gradient(135deg, var(--gold-pale) 0%, var(--gold) 50%, var(--gold-deep) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gold-border {
    border-color: var(--border-gold);
}

.gold-border:hover {
    border-color: var(--border-gold-strong);
}

.hero-glow {
    background: radial-gradient(circle at top right, rgba(212, 175, 55, 0.12) 0%, transparent 60%);
}

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: var(--bg);
}

::-webkit-scrollbar-thumb {
    background: var(--gold);
    border-radius: 4px;
}

.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Slow zoom on the hero background */
@keyframes subtle-zoom {
    from { transform: scale(1.05); }
    to { transform: scale(1.15); }
}

.animate-subtle-zoom {
    animation: subtle-zoom 20s ease-in-out infinite alternate;
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .animate-subtle-zoom { animation: none; }
}
