/* Global type scale — body 14px, compact headings. Components set their own sizes on top. */
:root {
  --app-font: Tahoma, "Noto Sans Thai Looped", "Segoe UI", sans-serif;
  --app-font-size: 16px;
  --app-line-height: 1.6;
  --bs-body-font-size: .875rem;
}

html {
  font-size: var(--app-font-size);
}

body,
button,
input,
select,
textarea {
  font-family: var(--app-font) !important;
  line-height: var(--app-line-height);
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body { font-size: .875rem; }
button, input, select, textarea { font-size: inherit; }

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: var(--app-font) !important;
  line-height: 1.3;
  font-weight: 600;
}

h1,
.h1 { font-size: clamp(1.4rem, 1.8vw, 1.7rem); }
h2,
.h2 { font-size: clamp(1.25rem, 1.6vw, 1.5rem); }
h3,
.h3 { font-size: clamp(1.1rem, 1.3vw, 1.3rem); }
h4,
.h4 { font-size: 1.1rem; }
h5,
.h5 { font-size: 1rem; }
h6,
.h6 { font-size: .9rem; }

.btn,
.form-control,
.form-select,
.form-label,
.nav-link { font-size: .875rem; }
.btn-sm { font-size: .8rem; }
.btn-lg { font-size: .95rem; }

.small,
small,
.form-text {
  font-size: .8rem;
}