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

:where(:root) {
  --hf-type-family-grotesk: var(--hf-type-family-grotesk-base), sans-serif;
  --hf-type-family-mono: var(--hf-type-family-mono-base), ui-monospace, monospace;
  --hf-type-family-primary: var(--hf-type-family-primary-base), system-ui, sans-serif;
  --hf-type-family-secondary: var(--hf-type-family-secondary-base), system-ui, sans-serif;

  --hf-type-size-050: 0.625rem;
  --hf-type-size-100: 0.75rem;
  --hf-type-size-200: 0.875rem;
  --hf-type-size-300: 1rem;
  --hf-type-size-400: 1rem;
  --hf-type-size-500: 1.125rem;
  --hf-type-size-600: 1.25rem;
  --hf-type-size-700: 1.5rem;
  --hf-type-size-800: 1.75rem;
  --hf-type-size-900: 1.875rem;
  --hf-type-size-1000: 2rem;
  --hf-type-size-1100: 2.25rem;
  --hf-type-size-1200: 2.5rem;
  --hf-type-size-1300: 3rem;
  --hf-type-size-1400: 3.5rem;

  --hf-type-line-height-100: 0.75rem;
  --hf-type-line-height-200: 0.875rem;
  --hf-type-line-height-300: 1rem;
  --hf-type-line-height-400: 1rem;
  --hf-type-line-height-500: 1.125rem;
  --hf-type-line-height-600: 1.25rem;
  --hf-type-line-height-700: 1.5rem;
  --hf-type-line-height-800: 1.75rem;
  --hf-type-line-height-900: 1.875rem;
  --hf-type-line-height-1000: 2rem;
  --hf-type-line-height-1100: 2.25rem;
  --hf-type-line-height-1200: 2.5rem;
  --hf-type-line-height-1300: 3rem;
  --hf-type-line-height-1400: 3.5rem;
}

@media (min-width: 768px) {
  :where(:root) {
    --hf-type-size-400: 1.125rem;
    --hf-type-size-500: 1.25rem;
    --hf-type-size-600: 1.375rem;
    --hf-type-size-700: 1.625rem;
    --hf-type-size-800: 1.875rem;
    --hf-type-size-900: 2.125rem;
    --hf-type-size-1000: 2.25rem;
    --hf-type-size-1100: 2.625rem;
    --hf-type-size-1200: 3rem;
    --hf-type-size-1300: 3.5rem;
    --hf-type-size-1400: 4rem;
    --hf-type-line-height-400: 1.125rem;
    --hf-type-line-height-500: 1.25rem;
    --hf-type-line-height-600: 1.375rem;
    --hf-type-line-height-700: 1.625rem;
    --hf-type-line-height-800: 1.875rem;
    --hf-type-line-height-900: 2.125rem;
    --hf-type-line-height-1000: 2.25rem;
    --hf-type-line-height-1100: 2.625rem;
    --hf-type-line-height-1200: 3rem;
    --hf-type-line-height-1300: 3.5rem;
    --hf-type-line-height-1400: 4rem;
  }
}

@media (min-width: 1280px) {
  :where(:root) {
    --hf-type-size-600: 1.5rem;
    --hf-type-size-700: 1.75rem;
    --hf-type-size-800: 2rem;
    --hf-type-size-900: 2.25rem;
    --hf-type-size-1000: 2.5rem;
    --hf-type-size-1100: 3rem;
    --hf-type-size-1200: 3.5rem;
    --hf-type-size-1300: 4rem;
    --hf-type-size-1400: 4.5rem;
    --hf-type-line-height-600: 1.5rem;
    --hf-type-line-height-700: 1.75rem;
    --hf-type-line-height-800: 2rem;
    --hf-type-line-height-900: 2.25rem;
    --hf-type-line-height-1000: 2.5rem;
    --hf-type-line-height-1100: 3rem;
    --hf-type-line-height-1200: 3.5rem;
    --hf-type-line-height-1300: 4rem;
    --hf-type-line-height-1400: 4.5rem;
  }
}