/* Narayana Constructions – custom styles (no build required) */
:root {
    --color-navy: #0f172a;
    --color-navy-light: #1e293b;
    --color-gold: #d4a012;
    --color-gold-light: #f0b429;
    --font-sans: 'Plus Jakarta Sans', system-ui, sans-serif;
}

html { scroll-behavior: smooth; }
body { font-family: var(--font-sans); }

.section-title {
    font-family: var(--font-sans);
    font-weight: 700;
    letter-spacing: -0.02em;
}

.hero-pattern {
    background-image: radial-gradient(circle at 20% 50%, rgba(212, 160, 18, 0.08) 0%, transparent 50%),
                      radial-gradient(circle at 80% 80%, rgba(212, 160, 18, 0.05) 0%, transparent 40%);
}

.service-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 40px -12px rgba(0, 0, 0, 0.25);
}

.lightbox-overlay { background: rgba(15, 23, 42, 0.95); }

.btn-primary {
    background: var(--color-gold);
    color: var(--color-navy);
    font-weight: 600;
    transition: background 0.2s, transform 0.15s;
}
.btn-primary:hover {
    background: var(--color-gold-light);
    transform: translateY(-1px);
}

.btn-outline {
    border: 2px solid var(--color-gold);
    color: var(--color-gold);
    font-weight: 600;
    transition: all 0.2s;
}
.btn-outline:hover {
    background: var(--color-gold);
    color: var(--color-navy);
}

.nav-link.active { color: var(--color-gold); }