/* ==========================================================
   Counter Doodle — Typography
   ========================================================== */

h1, h2, h3, h4 {
    color: var(--color-text);
    line-height: var(--line-snug);
    letter-spacing: var(--tracking-snug);
}

h1 { font-size: var(--font-size-2xl); font-weight: var(--font-bold); }
h2 { font-size: var(--font-size-xl);  font-weight: var(--font-bold); }
h3 { font-size: var(--font-size-lg);  font-weight: var(--font-bold); }
h4 { font-size: var(--font-size-md);  font-weight: var(--font-semibold); }

p { color: var(--color-text-secondary); }

small { font-size: var(--font-size-sm); }

.text-muted { color: var(--color-text-muted); }
.text-center { text-align: center; }
.text-right { text-align: right; }

.fw-light { font-weight: var(--font-light); }
.fw-normal { font-weight: var(--font-normal); }
.fw-medium { font-weight: var(--font-normal); }
.fw-semibold { font-weight: var(--font-semibold); }
.fw-bold { font-weight: var(--font-bold); }

/* angka rata kanan di tabel/kasir tidak "menari" */
.num { font-variant-numeric: tabular-nums; }