Tipografi Web, Google Fonts & Warna Modern (HSL)

Tingkatkan estetika visual dengan integrasi Web Fonts @import, hierarki line-height, letter-spacing, dan ruang warna modern HSL (Hue, Saturation, Lightness).

Berbeda dengan Hex atau RGB yang sulit dikalkulasi secara visual, format hsl(hue, saturation, lightness) mempermudah pembuatan skema warna kontras dan variasi tint/shade.

/* HSL: Hue (0-360), Saturation (%), Lightness (%) */
:root {
  --primary: hsl(15, 65%, 60%);        /* Warna utama hangat */
  --primary-hover: hsl(15, 65%, 50%);  /* Versi lebih gelap untuk hover */
  --primary-subtle: hsl(15, 65%, 95%); /* Versi sangat lembut untuk kartu */
}