/* Wartek Kebayoran Baru — theme overlay
   Keeps css/style.css and css/responsive.css unchanged. */
:root {
    --primary-dark: #123b35;
    --primary: #0f766e;
    --primary-light: #14b8a6;
    --accent-green: #d97706;
    --accent-green-dark: #b45309;
    --gray-50: #f7faf8;
    --gray-100: #edf4f1;
    --gray-200: #d9e7e1;
}

body.kebayoran-theme { background: #fffdf8; }
.kebayoran-theme .header { border-bottom-color: #eadfcb; }
.kebayoran-theme .logo-mark { background: linear-gradient(135deg, #0f766e, #123b35); }
.kebayoran-theme .hero,
.kebayoran-theme .service-hero,
.kebayoran-theme .cta-section { background: linear-gradient(135deg, #123b35 0%, #0f766e 68%, #155e75 100%); }
.kebayoran-theme .hero::after {
    content: 'KB'; position: absolute; right: 4%; bottom: -2.4rem;
    font-size: clamp(8rem, 22vw, 17rem); line-height: 1; font-weight: 800;
    color: rgba(255,255,255,.055); letter-spacing: -.12em; pointer-events: none;
}
.kebayoran-theme .hero-inner { z-index: 1; }
.kebayoran-theme .hero-image { border: 8px solid rgba(255,255,255,.16); background: #f4ead8; }
.kebayoran-theme .service-icon { background: linear-gradient(135deg, #14b8a6, #0f766e); }
.kebayoran-theme .service-card:hover { border-color: #0f766e; }
.kebayoran-theme .feature-icon { color: #0f766e; border-color: #b9dcd3; background: #eef8f4; }
.kebayoran-theme .area-card:hover { border-color: #0f766e; }
.kebayoran-theme .area-card svg { color: #d97706; }
.kebayoran-theme .process-step::before { background: #d97706; }
.kebayoran-theme .cta-section { position: relative; overflow: hidden; }
.kebayoran-theme .cta-section::before {
    content: ''; position: absolute; inset: 0; opacity: .16;
    background-image: radial-gradient(#fff 1px, transparent 1px); background-size: 18px 18px;
}
.kebayoran-theme .cta-section .container { position: relative; }
.kebayoran-theme .section-alt { background: #f7faf8; }
.kebayoran-theme .neighborhood-note {
    margin: 2rem auto 0; max-width: 920px; padding: 1.25rem 1.5rem;
    border-left: 4px solid #d97706; border-radius: .75rem; background: #fff8eb;
}
.kebayoran-theme .neighborhood-note strong { color: #123b35; }
.kebayoran-theme .footer { background: #102a28; }
.kebayoran-theme .footer-social a:hover { background: #d97706; }
.kebayoran-theme .btn, .kebayoran-theme button { cursor: pointer; }
@media (max-width: 768px) {
    .kebayoran-theme .hero::after { right: -1rem; bottom: 3rem; font-size: 9rem; }
}