@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: #0f172a;
  --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: #0f172a !important; }
.news-card, .feature-card, .stat-card { background: #ffffff !important; border-radius: var(--border-radius-card) !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: linear-gradient(135deg, #0ea5e9, #0369a1) !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, #0f0c29 0%, #302b63 40%, #24243e 100%); }