/* Shared typography — self-hosted Sarabun (SIL OFL 1.1, see assets/fonts/OFL.txt): Thai + Latin
   subsets, weights 400/500/600/700. No third-party font request. Also imported by auth-recovery.css.
   When releasing, the Keycloak theme keeps its own copy of this file and its font files. */
@font-face { font-family: 'Sarabun'; font-style: normal; font-weight: 400; font-display: swap; src: url('assets/fonts/sarabun-400.woff2') format('woff2'); }
@font-face { font-family: 'Sarabun'; font-style: normal; font-weight: 500; font-display: swap; src: url('assets/fonts/sarabun-500.woff2') format('woff2'); }
@font-face { font-family: 'Sarabun'; font-style: normal; font-weight: 600; font-display: swap; src: url('assets/fonts/sarabun-600.woff2') format('woff2'); }
@font-face { font-family: 'Sarabun'; font-style: normal; font-weight: 700; font-display: swap; src: url('assets/fonts/sarabun-700.woff2') format('woff2'); }

:root {
  --font-ui: 'Sarabun', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --pf-v5-global--FontFamily--text: var(--font-ui);
  --pf-v5-global--FontFamily--heading: var(--font-ui);
  --pf-global--FontFamily--text: var(--font-ui);
  --pf-global--FontFamily--heading: var(--font-ui);
  font-family: var(--font-ui);
  font-synthesis: none;
}
/* Body copy: 15px / 1.6. Controls and tables are 14px (styles.css), secondary text 13px. */
body, .login-pf body {
  font-family: var(--font-ui);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;
}
button, input, select, textarea, optgroup { font-family: var(--font-ui); }
h1, h2, h3, h4, h5, h6 { font-family: var(--font-ui); }
p { line-height: 1.65; }
small, .muted, .eyebrow { font-weight: 400; }

/* PatternFly supplies explicit font/size declarations on the identity pages. */
h1#kc-page-title { font-family: var(--font-ui) !important; line-height: 1.45 !important; }
.rietc-auth-copy h2 { line-height: 1.25; letter-spacing: normal; }
.pf-v5-c-form__label-text, .pf-c-form__label-text, .control-label {
  font-size: 14px !important;
  font-weight: 500 !important;
}
#kc-form input, #kc-form select, #kc-form textarea,
input.pf-v5-c-form-control, input.pf-c-form-control {
  font-family: var(--font-ui) !important;
  font-size: 16px !important;
}
#kc-login, #login-select-toggle { font-family: var(--font-ui) !important; font-size: 15px !important; }
@media (max-width: 900px) {
  input, select, textarea { font-size: 16px; }
}