/*
 * Tipografi InJourney, mengikuti injourney.id.
 *
 * Situs korporat memakai dua keluarga huruf:
 *   Inter 4 (variabel, sumbu opsz + wght)  seluruh teks dan judul; judul besar dibuat tipis
 *   Millionaire Script                     satu kata aksen di judul besar: "Leaving Legacy", "InJourney Map"
 *
 * Berkas Inter di sini sama dengan yang dimuat situs (v4.001, SIL OFL 1.1), dipangkas
 * ke aksara Latin. Millionaire Script adalah fonta komersial Altiplano Typefaces, jadi
 * tidak ikut dikemas: --font-aksen memakainya bila terpasang di perangkat, dan memakai
 * Pinyon Script (SIL OFL 1.1), bentuk terdekat, bila tidak. Untuk memakai berkas
 * berlisensi InJourney, taruh millionaire-script.woff2 di assets/font/ lalu tambahkan
 * @font-face "Millionaire Script" di bawah.
 *
 * Berkas ini dimuat paling akhir di setiap halaman.
 */

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../assets/font/inter-opsz-wght-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url('../assets/font/inter-opsz-wght-italic.woff2') format('woff2');
}
@font-face {
  font-family: 'Pinyon Script';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../assets/font/pinyon-script-latin-400-normal.woff2') format('woff2');
}

/* ------------------------------------------------------------ penerapan */

body, input, select, textarea, button {
  font-family: var(--font);
  font-optical-sizing: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4 { font-family: var(--font-judul); }

/* Skala bobot situs: 300/400 untuk judul besar, 500–600 untuk judul kartu, 700 maksimal. */
.lms-h1, .cms-judul { font-weight: 500; letter-spacing: -0.022em; }
.lms-h2, .lms-panel h3, .lms-lanjut-judul, .cms-kartu-judul { font-weight: 550; letter-spacing: -0.012em; }

/* Judul yang membawa kata aksen tampil tipis dan lebar seperti hero injourney.id. */
:is(h1, h2):has(> .aksen) { font-weight: 400; letter-spacing: -0.028em; }
.lms-sapa .lms-h1, .jl-hero .lms-h1 { font-size: clamp(26px, 1.6vw + 18.5px, 37px); line-height: 1.15; }

.aksen {
  font-family: var(--font-aksen);
  font-weight: 400;
  font-style: normal;
  font-size: 1.34em;
  line-height: .8;
  letter-spacing: 0;
  padding: 0 .1em 0 .02em;
  white-space: nowrap;
}

/* Angka yang dibandingkan antarbaris memakai lebar tetap. */
.lms-item-xp, .lms-top-chip b, .lms-streak-angka, .lms-target-angka,
.lms-ms-progres small, .lms-program-hitung, .pm-fb-nomor,
.cms-stat-nilai, .cms-tabel td, .kh-petak b {
  font-variant-numeric: tabular-nums;
}