:root,
:host,
.tq-theme-telequebec {
  --tq-color-marque-primaire: #011592;
  --tq-color-marque-secondaire-light: #00a2f1;
  --tq-color-marque-secondaire-medium: #1343fb;
  --tq-color-marque-secondaire-lighter: #0f33bb;
  --tq-color-marque-secondaire-darker: #010e5b;

  --tq-color-sousmarque-lafabriqueculturelle: #e26b4f;
  --tq-color-sousmarque-cuisinez: #009a74;
  --tq-color-sousmarque-laclef: #09c5d3;
  --tq-color-sousmarque-corpo: #dcf251;
  --tq-color-sousmarque-corpo-secondaire: #010e5b;
  --tq-color-sousmarque-jeunesse-dark-purple: #341d6d;
  --tq-color-sousmarque-jeunesse-yellow: #fde54c;
  --tq-color-sousmarque-jeunesse-light-blue: #90dae4;
  --tq-color-sousmarque-jeunesse-green: #00ffa3;
  --tq-color-sousmarque-jeunesse-pink: #ff70e6;
  --tq-color-sousmarque-jeunesse-red: #ff6a5b;
  --tq-color-sousmarque-jeunesse-purple: #7a59da;
  --tq-color-sousmarque-mammouth-rose: #c2a5ff;
  --tq-color-sousmarque-mammouth-brun: #441801;
  --tq-color-sousmarque-mammouth-vert: #31b45d;

  --tq-color-texte-titre: #111111;
  --tq-color-texte-titre-reversed: #ffffff;
  --tq-color-texte-body-long: #2b2b2b;
  --tq-color-texte-body-court: #555555;
  --tq-color-texte-disabled: #babec2;
  --tq-color-texte-blue-gray: #c4d5db;

  --tq-color-grayscale-darker: #111111;
  --tq-color-grayscale-dark: #555555;
  --tq-color-grayscale-disabled: #babec2;
  --tq-color-grayscale-keyline: #e1e1e1;
  --tq-color-grayscale-keyline-inverted: hsla(0, 0%, 100%, 70%);
  --tq-color-grayscale-progress-bar: hsla(0, 0%, 100%, 38%);
  --tq-color-grayscale-background: #f4f4f4;
  --tq-color-grayscale-white: #ffffff;
  --tq-color-grayscale-blue-gray: #c4d5db;

  --tq-color-status-error: #ec040f;
  --tq-color-status-warning: #c27f1f;
  --tq-color-status-success: #339043;

  --tq-color-background-overlay: hsla(0, 0%, 0%, 0.6);

  --tq-font-family-primaire: "Guillon TQc", sans-serif;
  --tq-font-family-secondaire: "IBM Plex Sans", sans-serif;
  --tq-font-family-tertiaire: "Martha", sans-serif;

  --tq-title-font-size-mobile-xs: 0.75rem;
  --tq-title-font-size-mobile-sm: 1rem;
  --tq-title-font-size-mobile-md: 1.25rem;
  --tq-title-font-size-mobile-lg: 1.5rem;
  --tq-title-font-size-mobile-xl: 1.625rem;
  --tq-title-font-size-mobile-2xl: 2.125rem;
  --tq-title-front-size-mobile-3xl: 2.625rem;
  --tq-title-font-size-tablet-xs: 0.75rem;
  --tq-title-font-size-tablet-sm: 1.0625rem;
  --tq-title-font-size-tablet-md: 1.375rem;
  --tq-title-font-size-tablet-lg: 1.75rem;
  --tq-title-font-size-tablet-xl: 1.875rem;
  --tq-title-font-size-tablet-2xl: 2.5rem;
  --tq-title-font-size-tablet-3xl: 5.625rem;
  --tq-title-font-size-desktop-xs: 0.75rem;
  --tq-title-font-size-desktop-sm: 1.125rem;
  --tq-title-font-size-desktop-md: 1.5rem;
  --tq-title-font-size-desktop-lg: 2.125rem;
  --tq-title-font-size-desktop-xl: 2.5rem;
  --tq-title-font-size-desktop-2xl: 3.125rem;
  --tq-title-font-size-desktop-3xl: 7rem;

  --tq-title-font-size-responsive-xs: clamp(
    var(--tq-title-font-size-mobile-xs),
    0.9583rem + 0.1852vw,
    var(--tq-title-font-size-desktop-xs)
  );
  --tq-title-font-size-responsive-sm: clamp(
    var(--tq-title-font-size-mobile-sm),
    0.9583rem + 0.1852vw,
    var(--tq-title-font-size-desktop-sm)
  );
  --tq-title-font-size-responsive-md: clamp(
    var(--tq-title-font-size-mobile-md),
    0.9583rem + 0.1852vw,
    var(--tq-title-font-size-desktop-md)
  );
  --tq-title-font-size-responsive-lg: clamp(
    var(--tq-title-font-size-mobile-lg),
    0.9583rem + 0.1852vw,
    var(--tq-title-font-size-desktop-lg)
  );
  --tq-title-font-size-responsive-xl: clamp(
    var(--tq-title-font-size-mobile-xl),
    0.9583rem + 0.1852vw,
    var(--tq-title-font-size-desktop-xl)
  );
  --tq-title-font-size-responsive-2xl: clamp(
    var(--tq-title-font-size-mobile-2xl),
    0.9583rem + 0.1852vw,
    var(--tq-title-font-size-desktop-2xl)
  );
  --tq-title-font-size-responsive-3xl: clamp(
    var(--tq-title-font-size-mobile-3xl),
    0.9583rem + 0.1852vw,
    var(--tq-title-font-size-desktop-3xl)
  );

  --tq-title-font-weight-xs: 700;
  --tq-title-font-weight-s: 600;
  --tq-title-font-weight-md: 600;
  --tq-title-font-weight-lg: 700;
  --tq-title-font-weight-xl: 700;
  --tq-title-font-weight-2xl: 900;
  --tq-title-font-weight-3xl: 900;

  --tq-title-line-height-mobile-xs: 0.875rem;
  --tq-title-line-height-mobile-sm: 1.25rem;
  --tq-title-line-height-mobile-md: 1.375rem;
  --tq-title-line-height-mobile-lg: 1.625rem;
  --tq-title-line-height-mobile-xl: 1.75rem;
  --tq-title-line-height-mobile-2xl: 2.25rem;
  --tq-title-line-height-mobile-3xl: normal;
  --tq-title-line-height-tablet-xs: 0.875rem;
  --tq-title-line-height-tablet-sm: 1.3125rem;
  --tq-title-line-height-tablet-md: 1.375rem;
  --tq-title-line-height-tablet-lg: 2rem;
  --tq-title-line-height-tablet-xl: 2.125rem;
  --tq-title-line-height-tablet-2xl: 2.75rem;
  --tq-title-line-height-tablet-3xl: normal;
  --tq-title-line-height-desktop-xs: 0.875rem;
  --tq-title-line-height-desktop-sm: 1.375rem;
  --tq-title-line-height-desktop-md: 1.625rem;
  --tq-title-line-height-desktop-lg: 2.5rem;
  --tq-title-line-height-desktop-xl: 2.875rem;
  --tq-title-line-height-desktop-2xl: 3.375rem;
  --tq-title-line-height-desktop-3xl: normal;

  --tq-body-font-size-mobile-xs: 0.75rem;
  --tq-body-font-size-mobile-sm: 0.8125rem;
  --tq-body-font-size-mobile-md: 0.875rem;
  --tq-body-font-size-mobile-lg: 1.125rem;
  --tq-body-font-size-tablet-xs: 0.75rem;
  --tq-body-font-size-tablet-sm: 0.8125rem;
  --tq-body-font-size-tablet-md: 0.875rem;
  --tq-body-font-size-tablet-lg: 1.125rem;
  --tq-body-font-size-desktop-xs: 0.75rem;
  --tq-body-font-size-desktop-sm: 0.875rem;
  --tq-body-font-size-desktop-md: 1rem;
  --tq-body-font-size-desktop-lg: 1.25rem;

  --tq-body-font-size-responsive-xs: clamp(
    var(--tq-body-font-size-mobile-xs),
    0.9583rem + 0.1852vw,
    var(--tq-body-font-size-desktop-xs)
  );
  --tq-body-font-size-responsive-sm: clamp(
    var(--tq-body-font-size-mobile-sm),
    0.9583rem + 0.1852vw,
    var(--tq-body-font-size-desktop-sm)
  );
  --tq-body-font-size-responsive-md: clamp(
    var(--tq-body-font-size-mobile-md),
    0.9583rem + 0.1852vw,
    var(--tq-body-font-size-desktop-md)
  );
  --tq-body-font-size-responsive-lg: clamp(
    var(--tq-body-font-size-mobile-lg),
    0.9583rem + 0.1852vw,
    var(--tq-body-font-size-desktop-lg)
  );

  --tq-body-font-weight-xs: 400;
  --tq-body-font-weight-xs-bold: 700;
  --tq-body-font-weight-sm: 400;
  --tq-body-font-weight-sm-bold: 700;
  --tq-body-font-weight-md: 400;
  --tq-body-font-weight-md-bold: 700;
  --tq-body-font-weight-lg: 400;
  --tq-body-font-weight-lg-bold: 700;

  --tq-body-line-height-mobile-xs: 0.938rem;
  --tq-body-line-height-mobile-sm: 1rem;
  --tq-body-line-height-mobile-md: 1.125rem;
  --tq-body-line-height-mobile-lg: 1.5rem;
  --tq-body-line-height-tablet-xs: 0.938rem;
  --tq-body-line-height-tablet-sm: 1rem;
  --tq-body-line-height-tablet-md: 1.125rem;
  --tq-body-line-height-tablet-lg: 1.5rem;
  --tq-body-line-height-desktop-xs: 1rem;
  --tq-body-line-height-desktop-sm: 1.25rem;
  --tq-body-line-height-desktop-md: 1.375rem;
  --tq-body-line-height-desktop-lg: 1.625rem;

  --tq-link-font-size-md: 0.75rem;
  --tq-link-font-size-md: 0.875rem;
  --tq-link-font-size-md: 1rem;
  --tq-link-font-size-responsive: clamp(
    var(--tq-link-font-size-sm),
    0.9583rem + 0.1852vw,
    var(--tq-link-font-size-lg)
  );

  --tq-link-font-weight-sm: 400;
  --tq-link-font-weight-md: 400;
  --tq-link-font-weight-lg: 400;

  --tq-link-font-height-sm: 1.75rem;
  --tq-link-font-height-md: 1.125rem;
  --tq-link-font-height-lg: 1.25rem;

  --tq-button-font-size-mobile: 1rem;
  --tq-button-font-size-tablet: 1rem;
  --tq-button-font-size-desktop: 1.125rem;

  --tq-button-font-size-responsive: clamp(
    var(--tq-button-font-size-mobile),
    0.9583rem + 0.1852vw,
    var(--tq-button-font-size-desktop)
  );

  --tq-button-font-weight: 600;

  --tq-button-line-height-mobile: 1.25rem;
  --tq-button-line-height-tablet: 1.25rem;
  --tq-button-line-height-desktop: 1.375rem;

  --tq-tag-font-size-mobile: 0.75rem;
  --tq-tag-font-size-tablet: 0.75rem;
  --tq-tag-font-size-desktop: 0.875rem;

  --tq-tag-font-size-responsive: clamp(
    var(--tq-tag-font-size-mobile),
    0.9583rem + 0.1852vw,
    var(--tq-tag-font-size-desktop)
  );

  --tq-tag-font-weight-mobile: 600;
  --tq-tag-font-weight-tablet: 600;
  --tq-tag-font-weight-desktop: 600;

  --tq-tag-line-height-mobile: 0.875rem;
  --tq-tag-line-height-tablet: 0.875rem;
  --tq-tag-line-height-desktop: 0.875rem;

  --tq-headline-font-size-mobile: 0.75rem;
  --tq-headline-font-size-tablet: 0.75rem;
  --tq-headline-font-size-desktop: 0.75rem;

  --tq-headline-font-size-responsive: clamp(
    var(--tq-headline-font-size-mobile),
    0.9583rem + 0.1852vw,
    var(--tq-headline-font-size-desktop)
  );

  --tq-headline-font-weight-mobile: 700;
  --tq-headline-font-weight-tablet: 700;
  --tq-headline-font-weight-desktop: 700;

  --tq-headline-line-height-mobile: 1rem;
  --tq-headline-line-height-tablet: 1rem;
  --tq-headline-line-height-desktop: 1rem;
}