/**
 * Tailwind CSS v3 default typography scale.
 */

:root {
  --paragraph-xs-line-height: 1rem;
  --paragraph-xs-text-size: 0.75rem;
  --h4-line-height: 2rem;
  --h4-text-size: 1.5rem;
  --paragraph-md-line-height: 1.5rem;
  --paragraph-md-text-size: 1rem;
  --paragraph-xl-line-height: 2rem;
  --paragraph-xl-text-size: 1.5rem;
  --h2-line-height: 2.5rem;
  --h2-text-size: 2.25rem;
  --h1-line-height: 1;
  --h1-text-size: 3rem;
  --paragraph-sm-line-height: 1.25rem;
  --paragraph-sm-text-size: 0.875rem;
  --h5-line-height: 1.75rem;
  --h5-text-size: 1.25rem;
  --paragraph-lg-line-height: 1.75rem;
  --paragraph-lg-text-size: 1.125rem;
  --h3-line-height: 2.25rem;
  --h3-text-size: 1.875rem;
  --padding-38: 1.5;
  --padding-100: 4;
  --padding-200: 8;
  --padding-400: 16;
  --padding-500: 20;
  --padding-600: 24;
  --padding-800: 32;
  --padding-1100: 48;
  --padding-1200: 56;
  --padding-1300: 64;
  --hero-lg-text-size: 3.5rem;
  --hero-lg-line-height: 3.5rem;
  --hero-md-text-size: 3rem;
  --hero-md-line-height: 3rem;
  --hero-sm-text-size: 2.5rem;
  --hero-sm-line-height: 2.5rem;
  --h6-text-size: 1.125rem;
  --h6-line-height: 1.125rem;
}

@media (min-width: 768px) {
  :root {
    --paragraph-xs-line-height: 1rem;
    --paragraph-xs-text-size: 0.75rem;
    --h4-line-height: 2rem;
    --h4-text-size: 1.5rem;
    --paragraph-md-line-height: 1.5rem;
    --paragraph-md-text-size: 1rem;
    --paragraph-xl-line-height: 2rem;
    --paragraph-xl-text-size: 1.5rem;
    --h2-line-height: 2.5rem;
    --h2-text-size: 2.25rem;
    --h1-line-height: 1;
    --h1-text-size: 3rem;
    --paragraph-sm-line-height: 1.25rem;
    --paragraph-sm-text-size: 0.875rem;
    --h5-line-height: 1.75rem;
    --h5-text-size: 1.5rem;
    --paragraph-lg-line-height: 1.75rem;
    --paragraph-lg-text-size: 1.125rem;
    --h3-line-height: 2.25rem;
    --h3-text-size: 1.875rem;
    --padding-38: 1.5;
    --padding-100: 4;
    --padding-200: 8;
    --padding-400: 16;
    --padding-500: 20;
    --padding-600: 24;
    --padding-800: 32;
    --padding-1100: 48;
    --padding-1200: 56;
    --padding-1300: 64;
    --hero-lg-text-size: 4.25rem;
    --hero-lg-line-height: 4.25rem;
    --hero-md-text-size: 3.75rem;
    --hero-md-line-height: 3.75rem;
    --hero-sm-text-size: 3.25rem;
    --hero-sm-line-height: 3.25rem;
    --h6-text-size: 1.25rem;
    --h6-line-height: 1.25rem;
  }
}

@media (min-width: 1024px) {
  :root {
    --paragraph-xs-line-height: 1rem;
    --paragraph-xs-text-size: 0.75rem;
    --h4-line-height: 2rem;
    --h4-text-size: 1.5rem;
    --paragraph-md-line-height: 1.5rem;
    --paragraph-md-text-size: 1rem;
    --paragraph-xl-line-height: 2rem;
    --paragraph-xl-text-size: 1.5rem;
    --h2-line-height: 2.5rem;
    --h2-text-size: 2.25rem;
    --h1-line-height: 1;
    --h1-text-size: 3rem;
    --paragraph-sm-line-height: 1.25rem;
    --paragraph-sm-text-size: 0.875rem;
    --h5-line-height: 1.75rem;
    --h5-text-size: 1.5rem;
    --paragraph-lg-line-height: 1.75rem;
    --paragraph-lg-text-size: 1.125rem;
    --h3-line-height: 2.5rem;
    --h3-text-size: 1.875rem;
    --padding-38: 1.5;
    --padding-100: 4;
    --padding-200: 8;
    --padding-400: 16;
    --padding-500: 20;
    --padding-600: 24;
    --padding-800: 32;
    --padding-1100: 48;
    --padding-1200: 56;
    --padding-1300: 64;
    --hero-lg-text-size: 5rem;
    --hero-lg-line-height: 5rem;
    --hero-md-text-size: 4.5rem;
    --hero-md-line-height: 4.5rem;
    --hero-sm-text-size: 4rem;
    --hero-sm-line-height: 4rem;
    --h6-text-size: 1.25rem;
    --h6-line-height: 1.25rem;
  }
}