/*
   Wartek Matraman — Theme Override
   Design philosophy: Nadi Matraman.
   The original css/style.css and css/responsive.css structures remain unchanged.
*/
:root {
    --primary-dark: #24364a;
    --primary: #2d5e82;
    --primary-light: #a8c8d6;
    --accent-green: #f6be3a;
    --accent-green-dark: #ca8e13;
    --gray-50: #fbf8ef;
    --gray-100: #eee7d6;
    --gray-200: #dfd5bd;
    --gray-300: #cdbfa3;
    --gray-500: #7d776b;
    --gray-600: #66675f;
    --gray-700: #45525b;
    --gray-800: #324550;
    --gray-900: #24364a;
}

body { font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; background: #fffdf8; }
h1, h2, h3, h4, .btn { font-family: 'Space Grotesk', 'DM Sans', sans-serif; }
.header { border-bottom-color: var(--gray-100); }
.logo-mark { background: linear-gradient(135deg, #f6be3a 0%, #2d5e82 100%); }
.hero, .service-hero { background: linear-gradient(122deg, #24364a 0%, #2d5e82 62%, #a8c8d6 100%); }
.hero::before { background-image: linear-gradient(90deg, rgba(246,190,58,.18) 1px, transparent 1px), linear-gradient(rgba(246,190,58,.18) 1px, transparent 1px); background-size: 28px 28px; opacity: .32; }
.hero-content h1 span { color: #f6be3a; }
.hero-image { border: 8px solid rgba(246,190,58,.36); border-radius: 1.3rem; box-shadow: 18px 20px 0 rgba(224,111,77,.2); }
.service-icon { background: linear-gradient(145deg, #f6be3a 0%, #e06f4d 100%); color: #24364a; }
.service-card:hover { border-color: #f6be3a; }
.feature-icon { background: #fbf8ef; border-color: #dfd5bd; color: #2d5e82; }
.process-step::before { background: #f6be3a; color: #24364a; }
.area-card:hover { border-color: #f6be3a; color: #24364a; }
.area-card svg { color: #e06f4d; }
.author-avatar { background: linear-gradient(135deg, #f6be3a 0%, #e06f4d 100%); color: #24364a; }
.testimonial-card::before { color: #f6be3a; }
.faq-item[open] { border-color: #f6be3a; }
.faq-question::after { color: #e06f4d; }
.cta-section { background: linear-gradient(to right, #24364a, #2d5e82) !important; }
.contact-info-icon { background: #2d5e82; }
.footer { background: #24364a; }
.footer a:hover { color: #f6be3a; }
.btn { transition: all .2s cubic-bezier(.23,1,.32,1); cursor: pointer; }
.btn:active { transform: scale(.97); }
.btn-primary { background: #2d5e82; border-color: #2d5e82; }
.btn-primary:hover { background: #24364a; border-color: #24364a; }
.btn-secondary:hover { background: #2d5e82; border-color: #2d5e82; }
.btn-whatsapp { background: #168b54; border-color: #168b54; }
.btn-whatsapp:hover { background: #0f6f42; border-color: #0f6f42; }
@media (min-width: 769px) { .hero-image { transform: rotate(-1deg); transition: transform .25s cubic-bezier(.23,1,.32,1); } .hero-image:hover { transform: rotate(0deg) translateY(-4px); } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; } }