/* ========================================
 * CUSTOMIZER COLORS
 * File ini digenerate otomatis
 * Jangan edit langsung - akan ditimpa saat Customizer disimpan
 * ======================================== */

:root {
    --mytheme-body-text: #1A1816;
    --mytheme-link-color: #47bc57;
    --mytheme-link-hover: #53dd46;
    --mytheme-accent: #C9A84C;
    --mytheme-border: #f2ede6;
    --mytheme-section-badge-bg: #000b3a;
    --mytheme-section-badge-text: #C9A84C;
    --mytheme-section-badge-border: transparent;
    --mytheme-header-bg: #001438;
    --mytheme-header-link: #dd9933;
    --mytheme-header-link-hover: #dd8808;
    --mytheme-hero-start: #00010f;
    --mytheme-hero-end: #072366;
    --mytheme-hero-title: #dd9933;
    --mytheme-hero-desc: #999999;
    --mytheme-hero-btn-primary-bg: linear-gradient(135deg, #C9A84C 0%, #F0E0B8 50%, #D4AF37 100%);
    --mytheme-hero-btn-primary-text: #0F1A2E;
    --mytheme-hero-btn-primary-hover-bg: #B8943A;
    --mytheme-hero-btn-primary-hover-text: #0f1a2e;
    --mytheme-hero-btn-secondary-border: #C9A84C;
    --mytheme-hero-btn-secondary-text: #C9A84C;
    --mytheme-hero-btn-secondary-hover-border: #F0E0B8;
    --mytheme-hero-btn-secondary-hover-text: #F0E0B8;
    --mytheme-features-bg: #FAF8F5;
    --mytheme-features-title: #0F1A2E;
    --mytheme-features-desc: #5A5652;
    --mytheme-features-item-bg: #FFFFFF;
    --mytheme-features-item-title: #0F1A2E;
    --mytheme-features-item-desc: #5A5652;
    --mytheme-features-item-border: #F0EDE8;
    --mytheme-features-item-border-hover: #C9A84C;
    --mytheme-services-bg: #FAF8F5;
    --mytheme-services-title: #dd5b04;
    --mytheme-services-desc: #5A5652;
    --mytheme-services-item-bg: #00356b;
    --mytheme-services-item-title: #ddb577;
    --mytheme-services-item-desc: #c1d1be;
    --mytheme-services-item-border: #e5d6a9;
    --mytheme-services-item-border-hover: #c9a84c;
    --mytheme-testimoni-bg: #FAF8F5;
    --mytheme-testimoni-title: #0F1A2E;
    --mytheme-testimoni-desc: #5A5652;
    --mytheme-testimoni-item-bg: #FFFFFF;
    --mytheme-testimoni-text: #0F1A2E;
    --mytheme-testimoni-author: #0F1A2E;
    --mytheme-testimoni-border: #F0EDE8;
    --mytheme-testimoni-border-hover: #C9A84C;
    --mytheme-testimoni-image-border: #C9A84C;
    --mytheme-stats-start: #0F1A2E;
    --mytheme-stats-end: #1B2F4A;
    --mytheme-stats-number: #FFFFFF;
    --mytheme-stats-label: #F0EDE8;
    --mytheme-cta-start: #0F1A2E;
    --mytheme-cta-end: #1B2F4A;
    --mytheme-cta-title: #FFFFFF;
    --mytheme-cta-desc: #F0EDE8;
    --mytheme-cta-btn-bg: #C9A84C;
    --mytheme-cta-btn-text: #0F1A2E;
    --mytheme-cta-btn-hover-bg: #B8943A;
    --mytheme-cta-btn-hover-text: #0F1A2E;
    --mytheme-about-bg: #FFFFFF;
    --mytheme-about-title: #0F1A2E;
    --mytheme-about-desc: #5A5652;
    --mytheme-about-text: #5A5652;
    --mytheme-about-link: #C9A84C;
    --mytheme-about-link-hover: #B8943A;
    --mytheme-about-border: #F0EDE8;
    --mytheme-about-icon: #C9A84C;
    --mytheme-footer-bg: #0F1A2E;
    --mytheme-footer-text: #9E9A94;
    --mytheme-footer-heading: #FFFFFF;
    --mytheme-footer-link: #9E9A94;
    --mytheme-footer-link-hover: #C9A84C;
    --mytheme-footer-border: #1B2F4A;
    --mytheme-btn-primary-bg: #C9A84C;
    --mytheme-btn-primary-text: #0F1A2E;
    --mytheme-btn-secondary-border: #C9A84C;
    --mytheme-btn-secondary-text: #C9A84C;
    --mytheme-btn-secondary-hover-border: #B8943A;
    --mytheme-btn-secondary-hover-text: #B8943A;
}

/* ========================================
 * ELEMEN STYLING
 * ======================================== */

body { color: var(--mytheme-body-text); }
a { color: var(--mytheme-link-color); }
a:hover { color: var(--mytheme-link-hover); }

.site-header { background: var(--mytheme-header-bg); }
.site-header .site-title a, .site-header .primary-menu a { color: var(--mytheme-header-link); }
.site-header .site-title a:hover, .site-header .primary-menu a:hover, .site-header .primary-menu .current-menu-item a { color: var(--mytheme-header-link-hover); }

.hero-section { background: linear-gradient(135deg, var(--mytheme-hero-start), var(--mytheme-hero-end)); }
.hero-title { color: var(--mytheme-hero-title); }
.hero-description { color: var(--mytheme-hero-desc); }
.hero-section .btn-primary { background: var(--mytheme-hero-btn-primary-bg); color: var(--mytheme-hero-btn-primary-text); }
.hero-section .btn-primary:hover { background: var(--mytheme-hero-btn-primary-hover-bg); color: var(--mytheme-hero-btn-primary-hover-text); }
.hero-section .btn-secondary { border-color: var(--mytheme-hero-btn-secondary-border); color: var(--mytheme-hero-btn-secondary-text); }
.hero-section .btn-secondary:hover { border-color: var(--mytheme-hero-btn-secondary-hover-border); color: var(--mytheme-hero-btn-secondary-hover-text); }

.features-section { background: var(--mytheme-features-bg); }
.features-section .section-title { color: var(--mytheme-features-title); }
.features-section .section-subtitle { color: var(--mytheme-features-desc); }
.feature-item { background: var(--mytheme-features-item-bg); border: 1px solid var(--mytheme-features-item-border); }
.feature-item:hover { border-color: var(--mytheme-features-item-border-hover); }
.feature-title { color: var(--mytheme-features-item-title); }
.feature-description { color: var(--mytheme-features-item-desc); }

.services-section { background: var(--mytheme-services-bg); }
.services-section .section-title { color: var(--mytheme-services-title); }
.services-section .section-subtitle { color: var(--mytheme-services-desc); }
.service-item { background: var(--mytheme-services-item-bg); border: 1px solid var(--mytheme-services-item-border); }
.service-item:hover { border-color: var(--mytheme-services-item-border-hover); }
.service-title { color: var(--mytheme-services-item-title); }
.service-description { color: var(--mytheme-services-item-desc); }

.testimoni-section { background: var(--mytheme-testimoni-bg); }
.testimoni-section .section-title { color: var(--mytheme-testimoni-title); }
.testimoni-section .section-subtitle { color: var(--mytheme-testimoni-desc); }
.testimoni-item { background: var(--mytheme-testimoni-item-bg); border-color: var(--mytheme-testimoni-border); }
.testimoni-item:hover { border-color: var(--mytheme-testimoni-border-hover); }
.testimoni-text { color: var(--mytheme-testimoni-text); }
.testimoni-author strong { color: var(--mytheme-testimoni-author); }
.testimoni-image { border-color: var(--mytheme-testimoni-image-border); }

.stats-section { background: linear-gradient(135deg, var(--mytheme-stats-start), var(--mytheme-stats-end)); }
.stat-number { color: var(--mytheme-stats-number); }
.stat-label { color: var(--mytheme-stats-label); }

.cta-section { background: linear-gradient(135deg, var(--mytheme-cta-start), var(--mytheme-cta-end)); }
.cta-title { color: var(--mytheme-cta-title); }
.cta-description { color: var(--mytheme-cta-desc); }
.cta-section .btn-primary { background: var(--mytheme-cta-btn-bg); color: var(--mytheme-cta-btn-text); }
.cta-section .btn-primary:hover { background: var(--mytheme-cta-btn-hover-bg); color: var(--mytheme-cta-btn-hover-text); }

.about-section { background: var(--mytheme-about-bg); border-color: var(--mytheme-about-border); }
.about-section .section-title { color: var(--mytheme-about-title); }
.about-section p { color: var(--mytheme-about-desc); }
.about-section .about-list li { color: var(--mytheme-about-text); }
.about-section .about-list li svg { color: var(--mytheme-about-icon); }
.about-section .btn-primary { background: var(--mytheme-about-link); color: #ffffff; }
.about-section .btn-primary:hover { background: var(--mytheme-about-link-hover); }

.site-footer { background: var(--mytheme-footer-bg); color: var(--mytheme-footer-text); }
.site-footer .footer-col-title { color: var(--mytheme-footer-heading); }
.site-footer .footer-col-title::after { background: var(--mytheme-accent); }
.site-footer a { color: var(--mytheme-footer-link); }
.site-footer a:hover { color: var(--mytheme-footer-link-hover); }
.site-footer .footer-bottom { border-top-color: var(--mytheme-footer-border); }

.btn-primary { background: var(--mytheme-btn-primary-bg); color: var(--mytheme-btn-primary-text); }
.btn-secondary { border-color: var(--mytheme-btn-secondary-border); color: var(--mytheme-btn-secondary-text); }
.btn-secondary:hover { border-color: var(--mytheme-btn-secondary-hover-border); color: var(--mytheme-btn-secondary-hover-text); }

.section-badge { background: var(--mytheme-section-badge-bg); color: var(--mytheme-section-badge-text); border: 1px solid var(--mytheme-section-badge-border); }

.feature-icon { background: rgba(var(--mytheme-accent), 0.1); color: var(--mytheme-accent); }
.service-icon { background: rgba(var(--mytheme-accent), 0.08); color: var(--mytheme-accent); }
.blog-card-category a, .blog-card-link, .blog-card-title a:hover, .about-list li svg { color: var(--mytheme-accent); }
.client-item { border-color: var(--mytheme-border); }
.client-item:hover { border-color: var(--mytheme-accent); }
.blog-card { background: var(--mytheme-features-bg); }