/*
   Wartek Makassar — Theme Override
   Design philosophy: Lajur Langit Makassar.
   The original css/style.css and css/responsive.css structures remain unchanged.
*/
:root {
    --primary-dark: #193f4f;
    --primary: #2b6d86;
    --primary-light: #b8dce3;
    --accent-green: #ef7c42;
    --accent-green-dark: #bd552b;
    --gray-50: #f8fcfc;
    --gray-100: #e3eff0;
    --gray-200: #cce0e3;
    --gray-300: #b2ced3;
    --gray-500: #6d8082;
    --gray-600: #596f73;
    --gray-700: #3f5960;
    --gray-800: #294850;
    --gray-900: #193f4f;
}

body { font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; background: #f8fcfc; }
h1, h2, h3, h4, .btn { font-family: 'Sora', 'Manrope', sans-serif; letter-spacing: -.025em; }
.header { border-bottom-color: var(--gray-100); }
.logo-mark { background: linear-gradient(135deg, #ef7c42 0%, #f5b957 100%); }
.hero, .service-hero { background: linear-gradient(120deg, #193f4f 0%, #2b6d86 59%, #b8dce3 100%); }
.hero::before { background-image: linear-gradient(90deg, rgba(245,185,87,.24) 1px, transparent 1px), linear-gradient(rgba(245,185,87,.24) 1px, transparent 1px); background-size: 32px 32px; opacity: .36; }
.hero-content h1 span { color: #f5b957; }
.hero-image { border: 8px solid rgba(245,185,87,.37); border-radius: 1.35rem .5rem 1.35rem 1.35rem; box-shadow: 18px 19px 0 rgba(239,124,66,.21); }
.service-icon { background: linear-gradient(145deg, #ef7c42 0%, #f5b957 100%); color: #193f4f; }
.service-card:hover { border-color: #ef7c42; }
.feature-icon { background: #f8fcfc; border-color: #cce0e3; color: #2b6d86; }
.process-step::before { background: #f5b957; color: #193f4f; }
.area-card:hover { border-color: #ef7c42; color: #193f4f; }
.area-card svg { color: #ef7c42; }
.author-avatar { background: linear-gradient(135deg, #ef7c42 0%, #f5b957 100%); color: #193f4f; }
.testimonial-card::before { color: #ef7c42; }
.faq-item[open] { border-color: #ef7c42; }
.faq-question::after { color: #ef7c42; }
.cta-section { background: linear-gradient(to right, #193f4f, #2b6d86) !important; }
.contact-info-icon { background: #2b6d86; }
.footer { background: #193f4f; }
.footer a:hover { color: #f5b957; }
.btn { transition: all .2s cubic-bezier(.23,1,.32,1); cursor: pointer; }
.btn:active { transform: scale(.97); }
.btn-primary { background: #2b6d86; border-color: #2b6d86; }
.btn-primary:hover { background: #193f4f; border-color: #193f4f; }
.btn-secondary:hover { background: #2b6d86; border-color: #2b6d86; }
.btn-whatsapp { background: #168b54; border-color: #168b54; }
.btn-whatsapp:hover { background: #0f6f42; border-color: #0f6f42; }
@media (min-width: 769px) { .hero-image { transform: rotate(-.8deg); 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; } }