/*
 * base.css — PT Asuransi Intra Asia
 * Layer fondasi mobile-first, dimuat setelah tokens.css dan sebelum main.css.
 *
 * BATCH 0 STATUS:
 *   Saat ini hanya berisi universal box-sizing reset. Bagian body, tipografi,
 *   dan link akan DIPINDAH dari main.css ke file ini saat main.css di-refactor
 *   di Batch 1. JANGAN isi section placeholder di bawah sebelum aturan yang
 *   bersangkutan dihapus dari main.css — dua sumber aktif = konflik potensial.
 *
 * ATURAN PENULISAN MEDIA QUERY DI FILE INI:
 *   Semua query menggunakan min-width (mobile-first).
 *   Urutan breakpoint dari kecil ke besar:
 *     @media (min-width: 480px)  { }    sm  - HP layar besar
 *     @media (min-width: 768px)  { }    md  - tablet portrait
 *     @media (min-width: 1024px) { }    lg  - tablet landscape / laptop kecil
 *     @media (min-width: 1280px) { }    xl  - laptop standard
 *     @media (min-width: 1600px) { }    2xl - monitor besar / TV
 */

/* ── UNIVERSAL RESET ──────────────────────────────────────────────────
   Bootstrap sudah menetapkan ini via reboot, tapi kita nyatakan eksplisit
   di layer foundational kita. Tidak ada efek visual — Bootstrap mendahului. */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/*
 * ── SECTION PLACEHOLDER (isi saat Batch 1 refactor main.css) ────────
 *
 * [ ] Body base      : color, background-color, font-family -> var(--default-font)
 * [ ] Typography     : h1-h6 (font-family, color, margin) mobile sizes dulu
 * [ ] Link defaults  : color -> var(--accent-color), hover, transition
 * [ ] Media / img    : img, video { max-width: 100%; height: auto }
 * [ ] Smooth scroll  : scroll-behavior: smooth (sudah ada di tokens.css :root)
 * [ ] Section padding: section, .section { padding: 60px 0 } mobile base
 *
 * Catatan: main.css saat ini menggunakan var(--default-font), var(--accent-color),
 * dll. yang sudah didefinisikan di tokens.css — referensi itu tidak perlu diubah.
 */