/* ==========================================================================
   Renalog.my — Fon dihos sendiri
   Inter + Plus Jakarta Sans, kedua-dua fon berubah (variable), lesen SIL OFL 1.1.
   Sumber: Fontsource (@fontsource-variable). Lesen ada dalam folder ini.

   Kenapa dihos sendiri, bukan Google Fonts jauh:
   - Sifar sambungan ke fonts.googleapis.com / fonts.gstatic.com
     → membuang satu DNS lookup + TLS handshake dari laluan kritikal LCP
   - Alamat IP pelawat tidak dihantar ke pelayan pihak ketiga
   - Kekal walaupun tema ditukar

   Fon berubah bermakna SATU fail meliputi semua berat (Inter 100–900,
   Jakarta 200–800) — bukan satu fail setiap berat.

   `unicode-range` bermakna pelayar hanya memuat turun subset yang
   benar-benar digunakan. Halaman BM biasa hanya memuat dua fail latin
   (~75 KB); latin-ext dan italic dimuat hanya bila aksaranya muncul.
   ========================================================================== */

/* --- Inter — teks badan --- */

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-display: swap;
	font-weight: 100 900;
	src: url('./fonts/inter-latin-wght-normal.woff2') format('woff2-variations');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
		U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191,
		U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-display: swap;
	font-weight: 100 900;
	src: url('./fonts/inter-latin-ext-wght-normal.woff2') format('woff2-variations');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
		U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
		U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: 'Inter';
	font-style: italic;
	font-display: swap;
	font-weight: 100 900;
	src: url('./fonts/inter-latin-wght-italic.woff2') format('woff2-variations');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
		U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191,
		U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* --- Plus Jakarta Sans — tajuk --- */

@font-face {
	font-family: 'Plus Jakarta Sans';
	font-style: normal;
	font-display: swap;
	font-weight: 200 800;
	src: url('./fonts/plus-jakarta-sans-latin-wght-normal.woff2') format('woff2-variations');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
		U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191,
		U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Plus Jakarta Sans';
	font-style: normal;
	font-display: swap;
	font-weight: 200 800;
	src: url('./fonts/plus-jakarta-sans-latin-ext-wght-normal.woff2') format('woff2-variations');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
		U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
		U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* ==========================================================================
   Penggunaan global

   Blocksy tidak menetapkan `font-family` terus pada elemen — ia menetapkan
   pemboleh ubah `--theme-font-family` (yang lalainya menunjuk kepada
   `--theme-font-stack-default`), kemudian menggunakannya di tempat lain.

   Jadi kita bekerja MELALUI sistem itu, bukan melawannya:

   1. Takrif semula `--theme-font-stack-default` pada :root — setiap elemen
      Blocksy yang jatuh ke stack lalai akan menggunakan Inter.
   2. Untuk tajuk, tetapkan `--theme-font-family` DAN `font-family` dengan
      specificity 0,0,2 (`body :is(h1,...)`) supaya ia menang tanpa mengira
      susunan muat stylesheet.

   Blocksy kekal memiliki saiz tajuk, berat dan line-height — laraskan dalam
   Customizer → Typography. Plugin ini hanya memiliki keluarga fon, kerana
   itulah yang mesti kekal bila tema ditukar.

   Tetapan Blocksy yang diperlukan:
   Customizer → Typography → Base Font = "System Default",
   dan Heading 1-6 juga ke "System Default".
   ========================================================================== */

html:root {
	/* `html:root` = 0,1,1 — mengalahkan `:root` Blocksy (0,1,0) tanpa mengira
	   susunan muat. Stack lalai Blocksy kini menunjuk kepada fon badan kita,
	   jadi setiap elemen tema yang jatuh ke lalai mendapat Inter percuma. */
	--theme-font-stack-default: var(--rnlg-font-body);
}

/* `html body` = 0,0,2 — mengalahkan `body` Blocksy (0,0,1). */
html body {
	font-family: var(--rnlg-font-body);
}

/* Blocksy menetapkan font-family pada elemen individu juga, bukan hanya body.
   `body :is(...)` = 0,0,2 dan menang untuk semua elemen teks. */
body :is(p, li, dd, dt, td, th, blockquote, figcaption, caption, label,
         button, input, select, textarea) {
	font-family: var(--rnlg-font-body);
}

/* Bekas kandungan — 0,1,1 kerana pemilih kelas. */
body .entry-content,
body .wp-block-post-content,
body .rnlg-article {
	font-family: var(--rnlg-font-body);
}

/* Tajuk — 0,0,2, mengalahkan `h2 { ... }` Blocksy.
   Blocksy kekal memiliki saiz, berat dan line-height (Customizer → Typography);
   plugin ini hanya memiliki keluarga fon. */
body :is(h1, h2, h3, h4, h5, h6),
body .entry-title,
body .wp-block-heading {
	--theme-font-family: var(--rnlg-font-head);
	font-family: var(--rnlg-font-head);
	text-wrap: balance;
}