/* Kawkab QR typography system: expressive headings, quiet readable UI, crisp labels. */
:root {
  --font-body: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Manrope", "DM Sans", system-ui, sans-serif;
  --font-label: "DM Sans", system-ui, sans-serif;
}
html, body { font-family: var(--font-body) !important; text-rendering: optimizeLegibility; }
button, input, select, textarea { font-family: var(--font-body) !important; }
h1, h2, h3, h4, h5, h6,
.hero-title, .section-title, .page-title, .card-title {
  font-family: var(--font-display) !important;
  font-synthesis: none;
  text-wrap: pretty;
}
/* Uppercase section labels stay compact and clear without the tech-stencil look. */
.eyebrow, .plan-tag, .batch-kicker, .batch-studio-eyebrow,
.wordmark small, .brand small, .footer-made-meta,
[aria-label="Main navigation"] .nav-label {
  font-family: var(--font-label) !important;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}