/* Shared, screen-only typography pass for the SLMS admin and portal pages. */
:root {
  --readability-ui-font: "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
}

@media screen {
  html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }

  body {
    font-family: var(--readability-ui-font) !important;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    -webkit-font-smoothing: auto;
  }

  body * {
    font-family: inherit !important;
  }

  body :is(h1, h2, h3, h4, h5, h6) {
    font-weight: 700 !important;
    line-height: 1.25;
  }

  body :is(p, li, dd, dt, label, legend, summary, figcaption) {
    font-weight: 500 !important;
    line-height: 1.5;
  }

  body :is(small, .muted, .help-text, .field-help, .field-hint, .form-hint, .hint, .table-footer-note, .directory-crumb, .workspace-filter-heading, .list-search span, .hero-context span, .hero-context small, .section-head span, .empty, .empty-report, .eyebrow, .nav-label) {
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.45;
  }

  body :is(.eyebrow, .nav-label) {
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: .08em;
  }

  body :is(label, legend) {
    font-size: 12.5px !important;
    font-weight: 600 !important;
  }

  body :is(input, select, textarea) {
    font-size: 14px !important;
    font-weight: 500 !important;
  }

  body button {
    font-size: 12px !important;
    font-weight: 700 !important;
  }

  body :is([role="button"], input[type="button"], input[type="submit"], .primary-button, .primary-link, .attendance-button) {
    font-size: 12px !important;
    font-weight: 700 !important;
  }

  body :is(.stat-grid span, .metric-label, .directory-metric .metric-label, .summary-card small) {
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.4;
  }

  body :is(.stat-grid small, .directory-metric small) {
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.45;
  }

  body table th {
    font-size: 11.5px !important;
    font-weight: 700 !important;
    line-height: 1.4;
  }

  body table td {
    font-size: 12.5px !important;
    font-weight: 500 !important;
    line-height: 1.45;
  }

  body.app-page .sidebar nav a {
    font-size: 13px !important;
    font-weight: 600 !important;
  }

  body :is(.status-pill, .status-badge, .bill-status, .role-badge, .count-badge, .badge) {
    font-size: 11px !important;
    font-weight: 700 !important;
  }

  body :is(code, pre, kbd, samp) {
    font-family: ui-monospace, "Cascadia Code", Consolas, monospace !important;
  }
}