/**
 * Global typography scale — Lukisan Emas
 *
 * Mobile/tablet keeps the browser default (16px).
 * Desktop (>=992px) scales rem-based sizes to ~87.5% (14px equivalent)
 * so headings, body text, Bootstrap components, and sidebar stay consistent.
 */
:root {
  --app-font-size-base: 16px;
  --app-type-scale: 1;
}

html {
  font-size: 100%;
}

@media (min-width: 992px) {
  :root {
    --app-font-size-base: 14px;
    --app-type-scale: 0.875;
  }

  html {
    font-size: 87.5%;
  }
}