/* ===================================================================
   Wartek Bitung - Tema Laut Utara Sulawesi
   Diferensiasi visual: palet teal-biru laut + aksen oranye matahari
   =================================================================== */

:root {
    --primary-dark: #164e63;
    --primary: #0891b2;
    --primary-light: #22d3ee;
    --accent-green: #059669;
    --accent-green-dark: #047857;
    --bitung-sun: #f97316;
    --bitung-sun-light: #fbbf24;
}

/* Eyebrow label berwarna coral matahari */
.eyebrow {
    color: var(--bitung-sun);
}

/* Judul hero: gradasi teks biru laut */
.hero h1 {
    background: linear-gradient(to right, var(--primary-dark), var(--primary));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.hero h1 span {
    background: linear-gradient(to right, var(--primary), var(--bitung-sun));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

/* Tombol sekunder bercorak laut */
.btn-secondary {
    border-color: var(--primary);
    color: var(--primary);
    background: var(--white);
}
.btn-secondary:hover {
    background: var(--primary);
    color: var(--white);
    border-color: var(--primary);
}

/* Kartu layanan dengan garis atas teal */
.service-card {
    border-top: 3px solid var(--primary-light);
}

/* Ikon layanan berwarna teal */
.service-icon {
    background: rgba(8, 145, 178, 0.08);
    color: var(--primary);
}

/* Section CTA gradasi laut */
.cta-section {
    background: linear-gradient(to right, #164e63, #0e7490) !important;
}

/* Badge fitur hero */
.hero-feature svg {
    color: var(--bitung-sun);
}

/* Rating testimoni oranye */
.testimonial-rating {
    color: var(--bitung-sun);
}

/* FAQ pertanyaan aktif */
.faq-question {
    color: var(--primary-dark);
}
.faq-question:hover {
    color: var(--primary);
}

/* Area card dengan ikon teal */
.area-card svg {
    color: var(--primary);
}
.area-card:hover {
    border-color: var(--primary-light);
    color: var(--primary);
}

/* Tombol WhatsApp tetap hijau */
.btn-whatsapp {
    background: var(--accent-green);
    border-color: var(--accent-green);
    color: var(--white);
}
.btn-whatsapp:hover {
    background: var(--accent-green-dark);
    border-color: var(--accent-green-dark);
    color: var(--white);
}

/* Link hover teal */
a:hover {
    color: var(--primary);
}
.read-more {
    color: var(--primary);
}
.read-more:hover {
    color: var(--bitung-sun);
}

/* Footer dengan latar biru laut gelap */
.footer {
    background: #134e5e;
}
.footer a:hover {
    color: var(--primary-light);
}