:root {
  --ui-page-title-size: 26px;
  --ui-detail-title-size: 22px;
  --ui-detail-meta-size: 15px;
  --ui-card-title-size: 17px;
  --ui-subsection-title-size: 13px;
  --ui-list-title-size: 17px;
  --ui-list-meta-size: 13px;
  --ui-body-copy-size: 14px;
}

.ui-page-title,
.panel-head h1,
.panel-head h2,
.file-panel h1,
.tool-pane h1 {
  color: var(--accent-3);
  font-family: var(--font-display);
  font-size: var(--ui-page-title-size);
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0;
  text-transform: uppercase;
}

.ui-detail-title,
.my-skin-detail-head h2,
.custom-grid-title-block h2,
.driver-profile-hero strong,
.tyre-brand-hero strong,
.driver-preview-title strong,
.about-features .chip strong {
  color: var(--accent-3);
  font-family: var(--font-display);
  font-size: var(--ui-detail-title-size);
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: 0;
  text-transform: uppercase;
}

.ui-detail-meta,
.category-intro,
.my-skin-subtitle,
.custom-grid-subtitle,
.driver-preview-title span,
.tyre-brand-paths span,
.driver-profile-paths span,
.about-features .chip > span,
.about-creator-copy {
  color: var(--muted);
  font-size: var(--ui-detail-meta-size);
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: 0;
  text-transform: none;
}

.ui-card-title,
.my-skin-section.is-framed > .my-skin-section-title,
.my-skin-section-title,
.custom-grid-section-head strong,
.custom-grid-tool-head strong,
.driver-profile-section-head strong,
.driver-preview-appearance-head strong,
.tyre-brand-preview-card h2,
.numberplate-preview-card h2,
.numberplate-section h2,
.settings-card h2,
.home-step-head h2,
.inspect-editor-title strong,
.skin-template-copy strong,
.livery-preview-numberplate-fields strong,
.livery-preview-scene-settings-head strong,
.livery-preview-material-card strong {
  color: var(--accent-3);
  font-family: var(--font-display);
  font-size: var(--ui-card-title-size);
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: 0;
  text-transform: uppercase;
}

.ui-subsection-title,
.my-skin-section-subtitle,
.numberplate-section h3,
.custom-grid-section-head span,
.driver-profile-section-head span,
.driver-profile-material-meta span,
.numberplate-preview-card h2,
.tyre-brand-preview-card h2,
.inspect-editor-field span,
.inspect-editor-subtitle,
.inspect-reference-meta strong,
.home-step-details summary,
.livery-preview-scene-settings-subhead,
.livery-preview-numberplate-diagnostics strong,
.livery-preview-material-list strong {
  color: var(--muted);
  font-family: var(--font-display);
  font-size: var(--ui-subsection-title-size);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0;
  text-transform: uppercase;
}

.ui-list-title,
.my-skin-card strong,
.driver-profile-copy strong,
.custom-grid-item-copy strong > span:first-child,
.custom-grid-entry-copy strong,
.tyre-brand-copy strong,
.numberplate-template-copy strong,
.numberplate-asset-copy strong,
.uv-group-tools strong,
.uv-glass-card strong,
.chip strong {
  color: var(--accent-3);
  font-family: var(--font-display);
  font-size: var(--ui-list-title-size);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: 0;
  text-transform: uppercase;
}

.ui-list-meta,
.my-skin-card > span,
.my-skin-card-copy .small,
.my-skin-card-copy .skin-id,
.driver-profile-item span,
.driver-profile-item small,
.driver-profile-copy span,
.driver-profile-copy small,
.custom-grid-item-copy span,
.custom-grid-item small,
.custom-grid-entry-copy span,
.tyre-brand-item span,
.tyre-brand-item small,
.tyre-brand-copy span,
.tyre-brand-copy small,
.numberplate-template-item span,
.numberplate-template-copy span,
.numberplate-asset-copy span,
.numberplate-asset-copy small,
.uv-group-item span,
.uv-glass-list span,
.inspect-reference-meta span,
.chip span,
.settings-form small,
.settings-card small {
  color: var(--muted);
  font-size: var(--ui-list-meta-size);
  font-weight: 500;
  line-height: 1.28;
  letter-spacing: 0;
  text-transform: none;
}

.ui-body-copy,
.skin-template-copy span,
.skin-template-copy small,
.numberplate-workflow-note,
.livery-preview-numberplate-hint,
.livery-preview-numberplate-panel p,
.livery-preview-numberplate-dev-panel p,
.livery-preview-scene-settings-panel p,
.home-step-head p,
.inspect-editor-title span,
.inspect-summary-box,
.my-skins-empty.small,
.driver-profile-empty,
.tyre-brand-empty,
.numberplate-template-empty,
.custom-grid-empty,
.uv-group-empty,
.uv-glass-empty {
  font-size: var(--ui-body-copy-size);
  font-weight: 500;
  line-height: 1.38;
  letter-spacing: 0;
  text-transform: none;
}

.about-features .chip strong {
  gap: 10px;
}

.about-features .chip > span,
.about-creator-copy {
  color: #c7d0d9;
}
