/* ============================================================================
   SOCIOMONKEY DESIGN SYSTEM — Typography
   ============================================================================
   Plus Jakarta Sans is the ONLY permitted font across all Sociomonkey products.
   Tenants may not override typography, font weight, size, or line-height.
   ============================================================================ */

/* ── Enforce Plus Jakarta Sans globally ─────────────────────────────────── */
body,
input, textarea, select, button,
h1, h2, h3, h4, h5, h6, p, span, div, li, td, th, label {
  font-family: var(--font-sans) !important;
}

/* ── Type Scale (page-level classes) ─────────────────────────────────────── */
/* Page Title — 22px / 700 (compact SaaS sidebar layout) */
.sm-page-title {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.01em;
  color: var(--sm-ink);
  margin: 0;
}

/* Section Heading — 20px / 600 */
.sm-section-heading {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
  color: var(--sm-ink);
  margin: 0;
}

/* Card Heading — 16px / 600 */
.sm-card-heading {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.35;
  color: var(--sm-ink);
  margin: 0;
}

/* Body Text — 14px / 400 */
.sm-body {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.55;
  color: var(--sm-body);
}

/* Small Text — 12px / 400 */
.sm-small {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--sm-muted);
}

/* Caption / label — 11px / 700 uppercase */
.sm-label {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: var(--sm-muted);
  line-height: 1.4;
}

/* Muted text */
.sm-text-muted  { color: var(--sm-muted); }
.sm-text-body   { color: var(--sm-body); }
.sm-text-ink    { color: var(--sm-ink); }
.sm-text-brand  { color: var(--sm-brand); }
.sm-text-center { text-align: center; }
.sm-text-right  { text-align: right; }

/* Weight utilities */
.sm-font-normal    { font-weight: 400; }
.sm-font-medium    { font-weight: 500; }
.sm-font-semibold  { font-weight: 600; }
.sm-font-bold      { font-weight: 700; }
.sm-font-extrabold { font-weight: 800; }