* {
  box-sizing: border-box;
}

body {
  font-family: var(--lf-font-sans);
  color: var(--lf-color-text);
  line-height: var(--lf-line-normal);
}

body,
button,
input,
select,
textarea,
.shell,
.main,
.sidebar,
.topbar,
.lf-page {
  font-family: var(--lf-font-sans) !important;
}

:where(.lf-page-title) {
  margin: 0;
  color: var(--lf-color-text);
  font-size: var(--lf-font-size-display);
  font-weight: 900;
  line-height: var(--lf-line-tight);
  letter-spacing: 0;
}

:where(.lf-section-title) {
  margin: 0;
  color: var(--lf-color-text);
  font-size: var(--lf-font-size-xl);
  font-weight: 900;
  line-height: 1.25;
  letter-spacing: 0;
}

:where(.lf-section-subtitle, .lf-muted-text) {
  margin: 0;
  color: var(--lf-color-muted);
  font-size: var(--lf-font-size-md);
  font-weight: 600;
}

:where(.panel-header h1, .panel-header h2, .panel-header h3, .settings-card h3, .settings-card h4) {
  letter-spacing: 0;
}

:where(.muted, .panel-header p, .analytics-metric-sub, .settings-card p) {
  color: var(--lf-color-muted);
}