@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');
:root {
  --primary-blue: #0ea5e9;
  --primary-blue-dark: #0369a1;
  --primary-blue-light: #0ea5e9cc;
  --secondary-blue: #0369a1;
  --accent-blue: #0ea5e999;
  --light-blue: #0ea5e922;
  --dark-blue: #0369a1;
  --gray-50: #f8fafc;
  --gray-100: #f1f5f9;
  --body-bg: #ffffff;
  --body-color: #334155;
  --card-bg: #ffffff;
  --navbar-bg: #ffffff;
  --footer-bg: #0c4a6e;
  --border-radius-card: 16px;
  --font-main: 'Inter', sans-serif;
}
/* Hanya override font untuk elemen teks, BUKAN icon font */
body, p, h1, h2, h3, h4, h5, h6, span:not(.fa):not(.fas):not(.far):not(.fab):not(.fal), a, div, li, td, th, label, input, textarea, select, button {
  font-family: var(--font-main) !important;
}
body { background-color: #ffffff !important; color: #334155 !important; }
.navbar-modern { background: #fffffff5 !important; backdrop-filter: blur(12px); }
.footer { background: #0c4a6e !important; }
.footer-title { color: white !important; }
.footer-link { color: rgba(255,255,255,.75) !important; }
.footer-link:hover { color: white !important; }
.news-card, .stat-card { background: #ffffff !important; border-radius: var(--border-radius-card) !important; }
.feature-card { border-radius: var(--border-radius-card) !important; }
.feature-card-blue, .feature-card-indigo, .feature-card-amber { background: #0ea5e9 !important; box-shadow: 0 8px 32px #0ea5e955 !important; border: none !important; }
.feature-card-blue:hover, .feature-card-indigo:hover, .feature-card-amber:hover { background: #0369a1 !important; }
.feature-card-blue .feature-title, .feature-card-indigo .feature-title, .feature-card-amber .feature-title { color: #fff !important; }
.feature-card-blue .feature-desc, .feature-card-indigo .feature-desc, .feature-card-amber .feature-desc { color: rgba(255,255,255,.88) !important; }
.stats-section, .news-section { background: #f8fafc !important; }
.features-section, .gallery-section { background: #ffffff !important; }
.btn-primary { background: #0ea5e9 !important; border-color: #0ea5e9 !important; }
.btn-primary:hover { background: #0369a1 !important; border-color: #0369a1 !important; }
.btn-outline-primary { color: #0ea5e9 !important; border-color: #0ea5e9 !important; }
.btn-outline-primary:hover { background: #0ea5e9 !important; color: white !important; }
.navbar-brand { color: #0ea5e9 !important; }
.nav-link:hover, .nav-link.active { color: #0ea5e9 !important; background-color: #0ea5e922 !important; }
.page-header, .hero-default, .cta-section { background: linear-gradient(135deg, #0ea5e9 0%, #0369a1 100%) !important; }
.stat-number, .news-meta a { color: #0ea5e9 !important; }
.feature-icon { background: rgba(255,255,255,.25) !important; box-shadow: none !important; }
.news-badge { background: #0ea5e9 !important; }
.link-terkait-header { background: #0ea5e9 !important; }
.medsos-section { background: linear-gradient(135deg, #0369a1dd 0%, #0ea5e9cc 100%) !important; }

.hero-default { background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 40%, #e0f2fe 100%); }
.hero-title-main { color: #1e293b !important; text-shadow: none !important; }
.hero-desc-main { color: #475569 !important; }
.hero-eyebrow { background: rgba(0,0,0,.07) !important; border-color: rgba(0,0,0,.12) !important; color: #334155 !important; }
.hero-card-float { background: rgba(255,255,255,.7) !important; border-color: rgba(0,0,0,.1) !important; backdrop-filter: blur(12px); }
.hero-card-label { color: #64748b !important; }
.hero-card-value { color: #1e293b !important; }
.hero-orb-1 { background: rgba(99,102,241,.2) !important; }
.hero-orb-2 { background: rgba(14,165,233,.15) !important; }
.hero-orb-3 { background: rgba(236,72,153,.12) !important; }
.hero-orb-4 { background: rgba(16,185,129,.1) !important; }
.hero-grid { background-image: linear-gradient(rgba(0,0,0,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(0,0,0,.04) 1px, transparent 1px) !important; }
.btn-hero-outline { background: rgba(0,0,0,.06) !important; border-color: rgba(0,0,0,.2) !important; color: #1e293b !important; }
.btn-hero-outline:hover { background: rgba(0,0,0,.12) !important; color: #1e293b !important; }
.hero-scroll-hint { color: rgba(0,0,0,.4) !important; }
.scroll-mouse { border-color: rgba(0,0,0,.25) !important; }
.scroll-wheel { background: rgba(0,0,0,.4) !important; }
.gradient-text { background: linear-gradient(135deg, #0ea5e9, #0369a1, #6366f1) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; }