/* Stitch canvas typography — đồng bộ About, OEM/ODM, Kiểm chuẩn & Lab (Plus Jakarta / Inter / JetBrains Mono) */

.profile-canvas,
.home-canvas,
#home-news,
.oem-canvas-wrapper,
.quality-canvas-wrapper,
.about-stitch-canvas {
  font-size: 16px;
  line-height: 1.5;
  font-family: Inter, system-ui, -apple-system, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "cv02", "cv03", "cv04", "cv11";
}

.profile-canvas .font-display-hero,
.profile-canvas .font-headline-lg,
.profile-canvas .font-headline-md,
.profile-canvas .font-headline-sm,
.oem-canvas-wrapper .font-display-hero,
.oem-canvas-wrapper .font-headline-lg,
.oem-canvas-wrapper .font-headline-md,
.oem-canvas-wrapper .font-headline-sm,
.quality-canvas-wrapper .font-display-hero,
.quality-canvas-wrapper .font-headline-lg,
.quality-canvas-wrapper .font-headline-md,
.quality-canvas-wrapper .font-headline-sm,
.about-stitch-canvas .font-display-hero,
.about-stitch-canvas .font-headline-lg,
.about-stitch-canvas .font-headline-md,
.about-stitch-canvas .font-headline-sm {
  font-family: "Plus Jakarta Sans", sans-serif;
}

.profile-canvas .font-body-lg,
.profile-canvas .font-body-md,
.profile-canvas .font-body-sm,
.oem-canvas-wrapper .font-body-lg,
.oem-canvas-wrapper .font-body-md,
.oem-canvas-wrapper .font-body-sm,
.quality-canvas-wrapper .font-body-lg,
.quality-canvas-wrapper .font-body-md,
.quality-canvas-wrapper .font-body-sm,
.about-stitch-canvas .font-body-lg,
.about-stitch-canvas .font-body-md,
.about-stitch-canvas .font-body-sm {
  font-family: Inter, system-ui, -apple-system, sans-serif;
}

.profile-canvas .font-tech-code-sm,
.profile-canvas .font-tech-data-md,
.profile-canvas .font-tech-metric-lg,
.profile-canvas .font-code-spec,
.profile-canvas .font-label-dense,
.oem-canvas-wrapper .font-tech-code-sm,
.oem-canvas-wrapper .font-tech-data-md,
.oem-canvas-wrapper .font-tech-metric-lg,
.oem-canvas-wrapper .font-code-spec,
.oem-canvas-wrapper .font-label-dense,
.quality-canvas-wrapper .font-tech-code-sm,
.quality-canvas-wrapper .font-tech-data-md,
.quality-canvas-wrapper .font-tech-metric-lg,
.quality-canvas-wrapper .font-code-spec,
.quality-canvas-wrapper .font-label-dense,
.about-stitch-canvas .font-tech-code-sm,
.about-stitch-canvas .font-tech-data-md,
.about-stitch-canvas .font-tech-metric-lg,
.about-stitch-canvas .font-code-spec,
.about-stitch-canvas .font-label-dense {
  font-family: "JetBrains Mono", monospace;
  font-variant-numeric: tabular-nums;
}

/* Design token sizes (đè Bootstrap admin khi cần) */
.profile-canvas .text-tech-metric-lg,
.profile-canvas .font-tech-metric-lg,
.oem-canvas-wrapper .text-tech-metric-lg,
.oem-canvas-wrapper .font-tech-metric-lg,
.quality-canvas-wrapper .text-tech-metric-lg,
.quality-canvas-wrapper .font-tech-metric-lg,
.about-stitch-canvas .text-tech-metric-lg,
.about-stitch-canvas .font-tech-metric-lg {
  font-size: 28px !important;
  line-height: 32px !important;
}

.profile-canvas .text-display-hero,
.oem-canvas-wrapper .text-display-hero,
.quality-canvas-wrapper .text-display-hero,
.about-stitch-canvas .text-display-hero {
  font-size: 48px !important;
  line-height: 56px !important;
}

.profile-canvas .text-display-hero-mobile,
.oem-canvas-wrapper .text-display-hero-mobile,
.quality-canvas-wrapper .text-display-hero-mobile,
.about-stitch-canvas .text-display-hero-mobile {
  font-size: 32px !important;
  line-height: 40px !important;
}

.profile-canvas .text-headline-lg,
.oem-canvas-wrapper .text-headline-lg,
.quality-canvas-wrapper .text-headline-lg,
.about-stitch-canvas .text-headline-lg {
  font-size: 32px !important;
  line-height: 40px !important;
}

.profile-canvas .text-headline-md,
.oem-canvas-wrapper .text-headline-md,
.quality-canvas-wrapper .text-headline-md,
.about-stitch-canvas .text-headline-md {
  font-size: 24px !important;
  line-height: 32px !important;
}

.profile-canvas .text-body-lg,
.oem-canvas-wrapper .text-body-lg,
.quality-canvas-wrapper .text-body-lg,
.about-stitch-canvas .text-body-lg {
  font-size: 16px !important;
  line-height: 24px !important;
}

.profile-canvas .text-body-md,
.oem-canvas-wrapper .text-body-md,
.quality-canvas-wrapper .text-body-md,
.about-stitch-canvas .text-body-md {
  font-size: 14px !important;
  line-height: 20px !important;
}

@media (max-width: 767px) {
  .profile-canvas .text-display-hero,
  .oem-canvas-wrapper .text-display-hero,
  .quality-canvas-wrapper .text-display-hero,
  .about-stitch-canvas .text-display-hero {
    font-size: 32px !important;
    line-height: 40px !important;
  }
}