/**
 * Nusantara Teal — skema warna & tipografi untuk SEO Indonesia
 * Muat setelah <style> kritis agar variabel dan font konsisten.
 */
:root {
  --primary: #0f766e;
  --primary-dark: #115e59;
  --secondary: #0d9488;
  --accent: #f59e0b;
  --success: #059669;
  --danger: #ef4444;
  --warning: #f59e0b;
  --dark: #0f172a;
  --gray-50: #f0fdfa;
  --gray-100: #ccfbf1;
  --gray-800: #134e4a;
  --gray-900: #0f172a;
  --font-body: "Lexend", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-family: var(--font-body);
  color: var(--gray-900);
  background: var(--gray-50);
  line-height: 1.65;
}

h1,
h2,
h3,
h4,
h5,
h6,
.hero-title,
.hero-text h1,
.logo-text h1,
.hero_inner_4ce3 h1,
.overlay-dark-3872 h1,
.tag-4e6f h1,
.nav-5ce9 h1 {
  font-family: var(--font-display);
  letter-spacing: -0.02em;
  line-height: 1.25;
}

a {
  color: var(--primary-dark);
}

a:hover {
  color: var(--primary);
}

.btn-primary,
.hero-btn-primary,
button.btn-primary {
  background: var(--primary);
}

.btn-primary:hover,
.hero-btn-primary:hover {
  background: var(--primary-dark);
}