/**
 * Generated by quanta codegen — DO NOT EDIT.
 * Regenerate via `yarn workspace @higgsfield/quanta tokens:emit`.
 *
 * Source: @higgsfield-ai/design-tokens (Figma Variables).
 */

@utility text-q-accent-2xl-bold {
  font-family:    var(--hf-type-family-grotesk);
  font-size:      var(--hf-type-size-1000);
  font-weight:    var(--hf-type-weight-bold);
  line-height:    var(--hf-type-line-height-1100);
  letter-spacing: var(--hf-type-letter-spacing-tight);
}

@utility text-q-accent-2xs-bold {
  font-family:    var(--hf-type-family-grotesk);
  font-size:      var(--hf-type-size-100);
  font-weight:    var(--hf-type-weight-bold);
  line-height:    var(--hf-type-line-height-200);
  letter-spacing: var(--hf-type-letter-spacing-tight);
}

@utility text-q-accent-3xl-bold {
  font-family:    var(--hf-type-family-grotesk);
  font-size:      var(--hf-type-size-1100);
  font-weight:    var(--hf-type-weight-bold);
  line-height:    var(--hf-type-line-height-1200);
  letter-spacing: var(--hf-type-letter-spacing-tight);
}

@utility text-q-accent-4xl-bold {
  font-family:    var(--hf-type-family-grotesk);
  font-size:      var(--hf-type-size-1200);
  font-weight:    var(--hf-type-weight-bold);
  line-height:    var(--hf-type-line-height-1300);
  letter-spacing: var(--hf-type-letter-spacing-tight);
}

@utility text-q-accent-5xl-bold {
  font-family:    var(--hf-type-family-grotesk);
  font-size:      var(--hf-type-size-1300);
  font-weight:    var(--hf-type-weight-bold);
  line-height:    var(--hf-type-line-height-1400);
  letter-spacing: var(--hf-type-letter-spacing-tight);
}

@utility text-q-accent-6xl-bold {
  font-family:    var(--hf-type-family-grotesk);
  font-size:      var(--hf-type-size-1400);
  font-weight:    var(--hf-type-weight-bold);
  line-height:    var(--hf-type-line-height-1400);
  letter-spacing: var(--hf-type-letter-spacing-tight);
}

@utility text-q-accent-lg-bold {
  font-family:    var(--hf-type-family-grotesk);
  font-size:      var(--hf-type-size-800);
  font-weight:    var(--hf-type-weight-bold);
  line-height:    var(--hf-type-line-height-900);
  letter-spacing: var(--hf-type-letter-spacing-tight);
}

@utility text-q-accent-md-bold {
  font-family:    var(--hf-type-family-grotesk);
  font-size:      var(--hf-type-size-700);
  font-weight:    var(--hf-type-weight-bold);
  line-height:    var(--hf-type-line-height-800);
  letter-spacing: var(--hf-type-letter-spacing-tight);
}

@utility text-q-accent-sm-bold {
  font-family:    var(--hf-type-family-grotesk);
  font-size:      var(--hf-type-size-600);
  font-weight:    var(--hf-type-weight-bold);
  line-height:    var(--hf-type-line-height-700);
  letter-spacing: var(--hf-type-letter-spacing-tight);
}

@utility text-q-accent-xl-bold {
  font-family:    var(--hf-type-family-grotesk);
  font-size:      var(--hf-type-size-900);
  font-weight:    var(--hf-type-weight-bold);
  line-height:    var(--hf-type-line-height-1000);
  letter-spacing: var(--hf-type-letter-spacing-tight);
}

@utility text-q-accent-xs-bold {
  font-family:    var(--hf-type-family-grotesk);
  font-size:      var(--hf-type-size-500);
  font-weight:    var(--hf-type-weight-bold);
  line-height:    var(--hf-type-line-height-600);
  letter-spacing: var(--hf-type-letter-spacing-tight);
}

@utility text-q-body-lg-medium {
  font-family:    var(--hf-type-family-secondary);
  font-size:      var(--hf-type-size-400);
  font-weight:    var(--hf-type-weight-medium);
  line-height:    var(--hf-type-line-height-600);
  letter-spacing: var(--hf-type-letter-spacing-none);
}

@utility text-q-body-lg-regular {
  font-family:    var(--hf-type-family-secondary);
  font-size:      var(--hf-type-size-400);
  font-weight:    var(--hf-type-weight-regular);
  line-height:    var(--hf-type-line-height-600);
  letter-spacing: var(--hf-type-letter-spacing-none);
}

@utility text-q-body-lg-semi-bold {
  font-family:    var(--hf-type-family-secondary);
  font-size:      var(--hf-type-size-400);
  font-weight:    var(--hf-type-weight-semi-bold);
  line-height:    var(--hf-type-line-height-600);
  letter-spacing: var(--hf-type-letter-spacing-none);
}

@utility text-q-body-md-medium {
  font-family:    var(--hf-type-family-secondary);
  font-size:      var(--hf-type-size-300);
  font-weight:    var(--hf-type-weight-medium);
  line-height:    var(--hf-type-line-height-600);
  letter-spacing: var(--hf-type-letter-spacing-none);
}

@utility text-q-body-md-regular {
  font-family:    var(--hf-type-family-secondary);
  font-size:      var(--hf-type-size-300);
  font-weight:    var(--hf-type-weight-regular);
  line-height:    var(--hf-type-line-height-600);
  letter-spacing: var(--hf-type-letter-spacing-none);
}

@utility text-q-body-md-semi-bold {
  font-family:    var(--hf-type-family-secondary);
  font-size:      var(--hf-type-size-300);
  font-weight:    var(--hf-type-weight-semi-bold);
  line-height:    var(--hf-type-line-height-600);
  letter-spacing: var(--hf-type-letter-spacing-none);
}

@utility text-q-body-sm-medium {
  font-family:    var(--hf-type-family-secondary);
  font-size:      var(--hf-type-size-200);
  font-weight:    var(--hf-type-weight-medium);
  line-height:    var(--hf-type-line-height-500);
  letter-spacing: var(--hf-type-letter-spacing-loose);
}

@utility text-q-body-sm-regular {
  font-family:    var(--hf-type-family-secondary);
  font-size:      var(--hf-type-size-200);
  font-weight:    var(--hf-type-weight-regular);
  line-height:    var(--hf-type-line-height-500);
  letter-spacing: var(--hf-type-letter-spacing-loose);
}

@utility text-q-body-sm-semi-bold {
  font-family:    var(--hf-type-family-secondary);
  font-size:      var(--hf-type-size-200);
  font-weight:    var(--hf-type-weight-semi-bold);
  line-height:    var(--hf-type-line-height-500);
  letter-spacing: var(--hf-type-letter-spacing-loose);
}

@utility text-q-caption-sm-medium {
  font-family:    var(--hf-type-family-secondary);
  font-size:      var(--hf-type-size-100);
  font-weight:    var(--hf-type-weight-medium);
  line-height:    var(--hf-type-line-height-300);
  letter-spacing: var(--hf-type-letter-spacing-none);
}

@utility text-q-caption-sm-regular {
  font-family:    var(--hf-type-family-secondary);
  font-size:      var(--hf-type-size-100);
  font-weight:    var(--hf-type-weight-regular);
  line-height:    var(--hf-type-line-height-300);
  letter-spacing: var(--hf-type-letter-spacing-none);
}

@utility text-q-caption-sm-semi-bold {
  font-family:    var(--hf-type-family-secondary);
  font-size:      var(--hf-type-size-100);
  font-weight:    var(--hf-type-weight-semi-bold);
  line-height:    var(--hf-type-line-height-300);
  letter-spacing: var(--hf-type-letter-spacing-none);
}

@utility text-q-caption-xs-medium {
  font-family:    var(--hf-type-family-secondary);
  font-size:      var(--hf-type-size-050);
  font-weight:    var(--hf-type-weight-medium);
  line-height:    var(--hf-type-line-height-200);
  letter-spacing: var(--hf-type-letter-spacing-wide);
}

@utility text-q-caption-xs-regular {
  font-family:    var(--hf-type-family-secondary);
  font-size:      var(--hf-type-size-050);
  font-weight:    var(--hf-type-weight-regular);
  line-height:    var(--hf-type-line-height-200);
  letter-spacing: var(--hf-type-letter-spacing-wide);
}

@utility text-q-caption-xs-semi-bold {
  font-family:    var(--hf-type-family-secondary);
  font-size:      var(--hf-type-size-050);
  font-weight:    var(--hf-type-weight-semi-bold);
  line-height:    var(--hf-type-line-height-200);
  letter-spacing: var(--hf-type-letter-spacing-wide);
}

@utility text-q-display-lg-bold {
  font-family:    var(--hf-type-family-primary);
  font-size:      var(--hf-type-size-1300);
  font-weight:    var(--hf-type-weight-bold);
  line-height:    var(--hf-type-line-height-1400);
  letter-spacing: var(--hf-type-letter-spacing-tight);
}

@utility text-q-display-lg-medium {
  font-family:    var(--hf-type-family-primary);
  font-size:      var(--hf-type-size-1300);
  font-weight:    var(--hf-type-weight-medium);
  line-height:    var(--hf-type-line-height-1400);
  letter-spacing: var(--hf-type-letter-spacing-tight);
}

@utility text-q-display-lg-semi-bold {
  font-family:    var(--hf-type-family-primary);
  font-size:      var(--hf-type-size-1300);
  font-weight:    var(--hf-type-weight-semi-bold);
  line-height:    var(--hf-type-line-height-1400);
  letter-spacing: var(--hf-type-letter-spacing-tight);
}

@utility text-q-display-md-bold {
  font-family:    var(--hf-type-family-primary);
  font-size:      var(--hf-type-size-1200);
  font-weight:    var(--hf-type-weight-bold);
  line-height:    var(--hf-type-line-height-1300);
  letter-spacing: var(--hf-type-letter-spacing-tight);
}

@utility text-q-display-md-medium {
  font-family:    var(--hf-type-family-primary);
  font-size:      var(--hf-type-size-1200);
  font-weight:    var(--hf-type-weight-medium);
  line-height:    var(--hf-type-line-height-1300);
  letter-spacing: var(--hf-type-letter-spacing-tight);
}

@utility text-q-display-md-semi-bold {
  font-family:    var(--hf-type-family-primary);
  font-size:      var(--hf-type-size-1200);
  font-weight:    var(--hf-type-weight-semi-bold);
  line-height:    var(--hf-type-line-height-1300);
  letter-spacing: var(--hf-type-letter-spacing-tight);
}

@utility text-q-display-sm-bold {
  font-family:    var(--hf-type-family-primary);
  font-size:      var(--hf-type-size-1100);
  font-weight:    var(--hf-type-weight-bold);
  line-height:    var(--hf-type-line-height-1200);
  letter-spacing: var(--hf-type-letter-spacing-tight);
}

@utility text-q-display-sm-medium {
  font-family:    var(--hf-type-family-primary);
  font-size:      var(--hf-type-size-1100);
  font-weight:    var(--hf-type-weight-medium);
  line-height:    var(--hf-type-line-height-1200);
  letter-spacing: var(--hf-type-letter-spacing-tight);
}

@utility text-q-display-sm-semi-bold {
  font-family:    var(--hf-type-family-primary);
  font-size:      var(--hf-type-size-1100);
  font-weight:    var(--hf-type-weight-semi-bold);
  line-height:    var(--hf-type-line-height-1200);
  letter-spacing: var(--hf-type-letter-spacing-tight);
}

@utility text-q-headline-lg-bold {
  font-family:    var(--hf-type-family-primary);
  font-size:      var(--hf-type-size-1000);
  font-weight:    var(--hf-type-weight-bold);
  line-height:    var(--hf-type-line-height-1100);
  letter-spacing: var(--hf-type-letter-spacing-tight);
}

@utility text-q-headline-lg-medium {
  font-family:    var(--hf-type-family-primary);
  font-size:      var(--hf-type-size-1000);
  font-weight:    var(--hf-type-weight-medium);
  line-height:    var(--hf-type-line-height-1100);
  letter-spacing: var(--hf-type-letter-spacing-tight);
}

@utility text-q-headline-lg-semi-bold {
  font-family:    var(--hf-type-family-primary);
  font-size:      var(--hf-type-size-1000);
  font-weight:    var(--hf-type-weight-semi-bold);
  line-height:    var(--hf-type-line-height-1100);
  letter-spacing: var(--hf-type-letter-spacing-tight);
}

@utility text-q-headline-md-bold {
  font-family:    var(--hf-type-family-primary);
  font-size:      var(--hf-type-size-900);
  font-weight:    var(--hf-type-weight-bold);
  line-height:    var(--hf-type-line-height-1000);
  letter-spacing: var(--hf-type-letter-spacing-tight);
}

@utility text-q-headline-md-medium {
  font-family:    var(--hf-type-family-primary);
  font-size:      var(--hf-type-size-900);
  font-weight:    var(--hf-type-weight-medium);
  line-height:    var(--hf-type-line-height-1000);
  letter-spacing: var(--hf-type-letter-spacing-tight);
}

@utility text-q-headline-md-semi-bold {
  font-family:    var(--hf-type-family-primary);
  font-size:      var(--hf-type-size-900);
  font-weight:    var(--hf-type-weight-semi-bold);
  line-height:    var(--hf-type-line-height-1000);
  letter-spacing: var(--hf-type-letter-spacing-tight);
}

@utility text-q-headline-sm-bold {
  font-family:    var(--hf-type-family-primary);
  font-size:      var(--hf-type-size-800);
  font-weight:    var(--hf-type-weight-bold);
  line-height:    var(--hf-type-line-height-900);
  letter-spacing: var(--hf-type-letter-spacing-tight);
}

@utility text-q-headline-sm-medium {
  font-family:    var(--hf-type-family-primary);
  font-size:      var(--hf-type-size-800);
  font-weight:    var(--hf-type-weight-medium);
  line-height:    var(--hf-type-line-height-900);
  letter-spacing: var(--hf-type-letter-spacing-tight);
}

@utility text-q-headline-sm-semi-bold {
  font-family:    var(--hf-type-family-primary);
  font-size:      var(--hf-type-size-800);
  font-weight:    var(--hf-type-weight-semi-bold);
  line-height:    var(--hf-type-line-height-900);
  letter-spacing: var(--hf-type-letter-spacing-tight);
}

@utility text-q-label-lg-bold {
  font-family:    var(--hf-type-family-secondary);
  font-size:      var(--hf-type-size-400);
  font-weight:    var(--hf-type-weight-bold);
  line-height:    var(--hf-type-line-height-600);
  letter-spacing: var(--hf-type-letter-spacing-slight);
}

@utility text-q-label-lg-medium {
  font-family:    var(--hf-type-family-secondary);
  font-size:      var(--hf-type-size-400);
  font-weight:    var(--hf-type-weight-medium);
  line-height:    var(--hf-type-line-height-600);
  letter-spacing: var(--hf-type-letter-spacing-slight);
}

@utility text-q-label-lg-regular {
  font-family:    var(--hf-type-family-secondary);
  font-size:      var(--hf-type-size-400);
  font-weight:    var(--hf-type-weight-regular);
  line-height:    var(--hf-type-line-height-600);
  letter-spacing: var(--hf-type-letter-spacing-slight);
}

@utility text-q-label-lg-semi-bold {
  font-family:    var(--hf-type-family-secondary);
  font-size:      var(--hf-type-size-400);
  font-weight:    var(--hf-type-weight-semi-bold);
  line-height:    var(--hf-type-line-height-600);
  letter-spacing: var(--hf-type-letter-spacing-slight);
}

@utility text-q-label-md-bold {
  font-family:    var(--hf-type-family-secondary);
  font-size:      var(--hf-type-size-300);
  font-weight:    var(--hf-type-weight-bold);
  line-height:    var(--hf-type-line-height-500);
  letter-spacing: var(--hf-type-letter-spacing-none);
}

@utility text-q-label-md-medium {
  font-family:    var(--hf-type-family-secondary);
  font-size:      var(--hf-type-size-300);
  font-weight:    var(--hf-type-weight-medium);
  line-height:    var(--hf-type-line-height-500);
  letter-spacing: var(--hf-type-letter-spacing-none);
}

@utility text-q-label-md-regular {
  font-family:    var(--hf-type-family-secondary);
  font-size:      var(--hf-type-size-300);
  font-weight:    var(--hf-type-weight-regular);
  line-height:    var(--hf-type-line-height-500);
  letter-spacing: var(--hf-type-letter-spacing-none);
}

@utility text-q-label-md-semi-bold {
  font-family:    var(--hf-type-family-secondary);
  font-size:      var(--hf-type-size-300);
  font-weight:    var(--hf-type-weight-semi-bold);
  line-height:    var(--hf-type-line-height-500);
  letter-spacing: var(--hf-type-letter-spacing-none);
}

@utility text-q-label-sm-bold {
  font-family:    var(--hf-type-family-secondary);
  font-size:      var(--hf-type-size-200);
  font-weight:    var(--hf-type-weight-bold);
  line-height:    var(--hf-type-line-height-300);
  letter-spacing: var(--hf-type-letter-spacing-none);
}

@utility text-q-label-sm-medium {
  font-family:    var(--hf-type-family-secondary);
  font-size:      var(--hf-type-size-200);
  font-weight:    var(--hf-type-weight-medium);
  line-height:    var(--hf-type-line-height-300);
  letter-spacing: var(--hf-type-letter-spacing-none);
}

@utility text-q-label-sm-regular {
  font-family:    var(--hf-type-family-secondary);
  font-size:      var(--hf-type-size-200);
  font-weight:    var(--hf-type-weight-regular);
  line-height:    var(--hf-type-line-height-300);
  letter-spacing: var(--hf-type-letter-spacing-none);
}

@utility text-q-label-sm-semi-bold {
  font-family:    var(--hf-type-family-secondary);
  font-size:      var(--hf-type-size-200);
  font-weight:    var(--hf-type-weight-semi-bold);
  line-height:    var(--hf-type-line-height-300);
  letter-spacing: var(--hf-type-letter-spacing-none);
}

@utility text-q-label-xs-bold {
  font-family:    var(--hf-type-family-secondary);
  font-size:      var(--hf-type-size-100);
  font-weight:    var(--hf-type-weight-bold);
  line-height:    var(--hf-type-line-height-300);
  letter-spacing: var(--hf-type-letter-spacing-none);
}

@utility text-q-label-xs-medium {
  font-family:    var(--hf-type-family-secondary);
  font-size:      var(--hf-type-size-100);
  font-weight:    var(--hf-type-weight-medium);
  line-height:    var(--hf-type-line-height-300);
  letter-spacing: var(--hf-type-letter-spacing-none);
}

@utility text-q-label-xs-regular {
  font-family:    var(--hf-type-family-secondary);
  font-size:      var(--hf-type-size-100);
  font-weight:    var(--hf-type-weight-regular);
  line-height:    var(--hf-type-line-height-300);
  letter-spacing: var(--hf-type-letter-spacing-none);
}

@utility text-q-label-xs-semi-bold {
  font-family:    var(--hf-type-family-secondary);
  font-size:      var(--hf-type-size-100);
  font-weight:    var(--hf-type-weight-semi-bold);
  line-height:    var(--hf-type-line-height-300);
  letter-spacing: var(--hf-type-letter-spacing-none);
}

@utility text-q-mono-lg-medium {
  font-family:    var(--hf-type-family-mono);
  font-size:      var(--hf-type-size-300);
  font-weight:    var(--hf-type-weight-medium);
  line-height:    var(--hf-type-line-height-600);
  letter-spacing: var(--hf-type-letter-spacing-none);
}

@utility text-q-mono-lg-regular {
  font-family:    var(--hf-type-family-mono);
  font-size:      var(--hf-type-size-300);
  font-weight:    var(--hf-type-weight-regular);
  line-height:    var(--hf-type-line-height-600);
  letter-spacing: var(--hf-type-letter-spacing-none);
}

@utility text-q-mono-lg-semi-bold {
  font-family:    var(--hf-type-family-mono);
  font-size:      var(--hf-type-size-300);
  font-weight:    var(--hf-type-weight-semi-bold);
  line-height:    var(--hf-type-line-height-600);
  letter-spacing: var(--hf-type-letter-spacing-none);
}

@utility text-q-mono-md-medium {
  font-family:    var(--hf-type-family-mono);
  font-size:      var(--hf-type-size-200);
  font-weight:    var(--hf-type-weight-medium);
  line-height:    var(--hf-type-line-height-500);
  letter-spacing: var(--hf-type-letter-spacing-none);
}

@utility text-q-mono-md-regular {
  font-family:    var(--hf-type-family-mono);
  font-size:      var(--hf-type-size-200);
  font-weight:    var(--hf-type-weight-regular);
  line-height:    var(--hf-type-line-height-500);
  letter-spacing: var(--hf-type-letter-spacing-none);
}

@utility text-q-mono-md-semi-bold {
  font-family:    var(--hf-type-family-mono);
  font-size:      var(--hf-type-size-200);
  font-weight:    var(--hf-type-weight-semi-bold);
  line-height:    var(--hf-type-line-height-500);
  letter-spacing: var(--hf-type-letter-spacing-none);
}

@utility text-q-mono-sm-medium {
  font-family:    var(--hf-type-family-mono);
  font-size:      var(--hf-type-size-100);
  font-weight:    var(--hf-type-weight-medium);
  line-height:    var(--hf-type-line-height-400);
  letter-spacing: var(--hf-type-letter-spacing-none);
}

@utility text-q-mono-sm-regular {
  font-family:    var(--hf-type-family-mono);
  font-size:      var(--hf-type-size-100);
  font-weight:    var(--hf-type-weight-regular);
  line-height:    var(--hf-type-line-height-400);
  letter-spacing: var(--hf-type-letter-spacing-none);
}

@utility text-q-mono-sm-semi-bold {
  font-family:    var(--hf-type-family-mono);
  font-size:      var(--hf-type-size-100);
  font-weight:    var(--hf-type-weight-semi-bold);
  line-height:    var(--hf-type-line-height-400);
  letter-spacing: var(--hf-type-letter-spacing-none);
}

@utility text-q-mono-xs-medium {
  font-family:    var(--hf-type-family-mono);
  font-size:      var(--hf-type-size-050);
  font-weight:    var(--hf-type-weight-medium);
  line-height:    var(--hf-type-line-height-200);
  letter-spacing: var(--hf-type-letter-spacing-none);
}

@utility text-q-mono-xs-regular {
  font-family:    var(--hf-type-family-mono);
  font-size:      var(--hf-type-size-050);
  font-weight:    var(--hf-type-weight-regular);
  line-height:    var(--hf-type-line-height-200);
  letter-spacing: var(--hf-type-letter-spacing-none);
}

@utility text-q-mono-xs-semi-bold {
  font-family:    var(--hf-type-family-mono);
  font-size:      var(--hf-type-size-050);
  font-weight:    var(--hf-type-weight-semi-bold);
  line-height:    var(--hf-type-line-height-200);
  letter-spacing: var(--hf-type-letter-spacing-none);
}

@utility text-q-title-lg-bold {
  font-family:    var(--hf-type-family-primary);
  font-size:      var(--hf-type-size-700);
  font-weight:    var(--hf-type-weight-bold);
  line-height:    var(--hf-type-line-height-800);
  letter-spacing: var(--hf-type-letter-spacing-slight);
}

@utility text-q-title-lg-medium {
  font-family:    var(--hf-type-family-primary);
  font-size:      var(--hf-type-size-700);
  font-weight:    var(--hf-type-weight-medium);
  line-height:    var(--hf-type-line-height-800);
  letter-spacing: var(--hf-type-letter-spacing-slight);
}

@utility text-q-title-lg-semi-bold {
  font-family:    var(--hf-type-family-primary);
  font-size:      var(--hf-type-size-700);
  font-weight:    var(--hf-type-weight-semi-bold);
  line-height:    var(--hf-type-line-height-800);
  letter-spacing: var(--hf-type-letter-spacing-slight);
}

@utility text-q-title-md-bold {
  font-family:    var(--hf-type-family-primary);
  font-size:      var(--hf-type-size-600);
  font-weight:    var(--hf-type-weight-bold);
  line-height:    var(--hf-type-line-height-700);
  letter-spacing: var(--hf-type-letter-spacing-slight);
}

@utility text-q-title-md-medium {
  font-family:    var(--hf-type-family-primary);
  font-size:      var(--hf-type-size-600);
  font-weight:    var(--hf-type-weight-medium);
  line-height:    var(--hf-type-line-height-700);
  letter-spacing: var(--hf-type-letter-spacing-slight);
}

@utility text-q-title-md-semi-bold {
  font-family:    var(--hf-type-family-primary);
  font-size:      var(--hf-type-size-600);
  font-weight:    var(--hf-type-weight-semi-bold);
  line-height:    var(--hf-type-line-height-700);
  letter-spacing: var(--hf-type-letter-spacing-slight);
}

@utility text-q-title-sm-bold {
  font-family:    var(--hf-type-family-primary);
  font-size:      var(--hf-type-size-500);
  font-weight:    var(--hf-type-weight-bold);
  line-height:    var(--hf-type-line-height-600);
  letter-spacing: var(--hf-type-letter-spacing-slight);
}

@utility text-q-title-sm-medium {
  font-family:    var(--hf-type-family-primary);
  font-size:      var(--hf-type-size-500);
  font-weight:    var(--hf-type-weight-medium);
  line-height:    var(--hf-type-line-height-600);
  letter-spacing: var(--hf-type-letter-spacing-slight);
}

@utility text-q-title-sm-semi-bold {
  font-family:    var(--hf-type-family-primary);
  font-size:      var(--hf-type-size-500);
  font-weight:    var(--hf-type-weight-semi-bold);
  line-height:    var(--hf-type-line-height-600);
  letter-spacing: var(--hf-type-letter-spacing-slight);
}