/* ============================================
   SYSTEM FONTS
   ============================================ */

:root {
  /* macOS system fonts (fallback ke Windows/Linux) */
  --font-display: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  --font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  --font-mono: 'SF Mono', 'Monaco', 'Inconsolata', 'Courier New', monospace;
}

/* Hapus semua @font-face Radjani */
/* Hapus juga @import Google Fonts */

/* Radjani utility class — sekarang pakai system bold */
.radjani {
  font-family: var(--font-display);
  font-weight: 600; /* Lebih bold untuk heading */
  letter-spacing: -0.01em;
  line-height: 1.2;
}

/* Display sizes tetap sama */
.display-xl { font-size: clamp(2.5rem, 5vw, 4rem); }
.display-lg { font-size: clamp(2rem, 3.5vw, 3rem); }
.display-md { font-size: clamp(1.5rem, 2.5vw, 2rem); }
.display-sm { font-size: clamp(1.25rem, 2vw, 1.5rem); }
.display-xs { font-size: 1.125rem; }

/* Body text */
body, .body { 
  font-family: var(--font-body); 
  font-size: 0.9375rem; 
  line-height: 1.55; 
  font-weight: 400; 
}
.body-lg { font-size: 1.0625rem; line-height: 1.6; }
.body-sm { font-size: 0.8125rem; line-height: 1.5; }
.body-xs { font-size: 0.75rem; line-height: 1.5; }

/* Mono */
.mono, code { 
  font-family: var(--font-mono); 
  font-size: 0.8125rem; 
}

/* KPI values */
.kpi-value, .stat-value {
  font-family: var(--font-display);
  font-weight: 600;
  letter-spacing: -0.02em;
}