/* ============================================================
   VEEBO BASE STYLES v3.0
   Fase 1 — Reset minimal + typography helpers (class baru saja).
   Tidak override class atau selector apapun yang sudah ada.
   ============================================================ */

@import url('./veebo-tokens.css');

/* box-sizing reset SKIP — sudah ada di base.html:101
   (existing: *, *::before, *::after { box-sizing: border-box; ... }) */

/* Font smoothing — aman ditambah ulang, idempotent */
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ---- Typography helpers — CLASS BARU, opt-in via markup ---- */

/* Display font untuk heading besar & angka statistik (Instrument Serif) */
.font-display {
  font-family: var(--font-display);
}

/* Mono untuk label teknis, badge, timestamp, kode rubrik (JetBrains Mono) */
.font-mono {
  font-family: var(--font-mono);
}

/* Sans v3.0 (Space Grotesk) — pakai jika perlu override existing DM Sans */
.font-sans {
  font-family: var(--font-sans);
}

/* Better line breaking untuk paragraf narasi panjang */
.text-pretty {
  text-wrap: pretty;
}

/* ---- Heading global SKIP ----
   Existing tidak punya rule h1/h2/h3 global di base.html.
   Sengaja TIDAK ditambah di sini untuk hindari konflik dengan
   markup existing yang inline-style heading-nya (mis. .ph-title
   pakai font-weight 600 langsung). Heading display font akan
   diterapkan via class .font-display di Fase 3 per halaman.
*/

/* ---- Mono elements — aman, existing tidak punya rule untuk ini ---- */
code, kbd, samp {
  font-family: var(--font-mono);
}