@use "sass:math";
@function to-rem($size) {
  @return math.div($size, 16px) * 1rem;
}

/* TradeGothicNextSR Regular */
/* @font-face {
    font-family: "TradeGothicNextSR";
    font-style: normal;
    font-weight: 400;
    src: local(""), url("../../assets/fonts/TradeGothicNextSR/TradeGothicNextSoftRoundedRegular_normal_normal.woff2") format("woff2");
} */

/* TradeGothicNextSR Bold */
/* @font-face {
    font-family: "TradeGothicNextSR";
    font-style: normal;
    font-weight: 700;
    src: local(""), url("../../assets/fonts/TradeGothicNextSR/TradeGothicNextSoftRoundedBold_normal_normal.woff2") format("woff2");
} */

/* TradeGothicNext Regular */
/* @font-face {
    font-family: "TradeGothicNext";
    font-style: normal;
    font-weight: 400;
    src: local(""), url("../../assets/fonts/TradeGothicNextLT/TradeGothicNextRegular_normal_normal.woff2") format("woff2");
} */

/* TradeGothicNext Bold */
/* @font-face {
    font-family: "TradeGothicNext";
    font-style: normal;
    font-weight: 700;
    src: local(""), url("../../assets/fonts/TradeGothicNextLT/TradeGothicNextBold_normal_normal.woff2") format("woff2");
} */

/* TradeGothicNext Condensed */
/* for future use */
/* @font-face {
     font-family: "TradeGothicNextCondensed";
     font-style: normal;
     font-weight: 400;
     src: local(""), url("../../assets/fonts/TradeGothicNextLT/TradeGothicNextCondensed_normal_condensed.woff2") format("woff2");
 }
*/
$defaultBrowserFontSize: 16px;
$fontsize-base: to-rem(18px);

$fontfamily-base: "TradeGothicNext", sans-serif;
$fontfamily-heading: "TradeGothicNextSR", sans-serif;

/* Font sizes */
$h1-fontsize: to-rem(48px);
$h2-fontsize: to-rem(36px);
$h3-fontsize: to-rem(28px);

$h1-fontsize-sm: to-rem(32px);
$h2-fontsize-sm: to-rem(24px);
$h3-fontsize-sm: to-rem(20px);

$sub-headline-font-size: to-rem(24px);
$sub-headline-font-size-sm: to-rem(18px);

$quote-font-size: to-rem(28px);
$quote-font-size-sm: to-rem(22px);

$intro-text-font-size: to-rem(20px);
$intro-text-font-size-sm: to-rem(18px);

$copy-text-small-font-size: to-rem(16px);

$label-forms-font-size: to-rem(14px);
$supporting-text-font-size: to-rem(14px);

$nav-e1-font-size: to-rem(20px);
$nav-e1-font-size-sm: to-rem(18px);

$nav-e2-font-size: to-rem(20px);
$nav-e2-font-size-sm: to-rem(18px);

$nav-e3-font-size: to-rem(16px);

$navigation-navLinks-font-size: to-rem(20px);
$navigation-navLinks-font-size-sm: to-rem(18px);
$navigation-linkList-font-size: to-rem(16px);
$navigation-teaserText-font-size: to-rem(16px);
$navigation-additionalLinks-font-size: to-rem(14px);


$inputField-font-size: to-rem(18px);
$input-label-font-size: to-rem(14px);
$editingBtn-font-size: to-rem(14px);
$textlink-subline-font-size: to-rem(14px);

$listItem-font-size: to-rem(18px);

/* Line heights */
$lineheight-base: to-rem(26px);

$h1-lineheight: to-rem(56px);
$h2-lineheight: to-rem(52px);
$h3-lineheight: to-rem(36px);

$h1-lineheight-sm: to-rem(40px);
$h2-lineheight-sm: to-rem(32px);
$h3-lineheight-sm: to-rem(28px);

$sub-headline-line-height: to-rem(36px);
$sub-headline-line-height-sm: to-rem(28px);

$quote-line-height: to-rem(36px);
$quote-line-height-sm: to-rem(30px);

$intro-text-line-height: to-rem(28px);
$intro-text-line-height-sm: to-rem(26px);

$copy-text-default-line-height: to-rem(26px);

$copy-text-small-line-height: to-rem(24px);

$label-forms-line-height: to-rem(20px);

$supporting-text-line-height: to-rem(20px);

$nav-e1-line-height: to-rem(24px);

$nav-e2-line-height: to-rem(24px);

$nav-e3-line-height: to-rem(20px);
$nav-e3-line-height-sm: to-rem(22px);

$button-text-line-height: to-rem(24px);

$navigation-navLinks-line-height: to-rem(24px);
$navigation-linkList-line-height: to-rem(20px);
$navigation-additionalLinks-line-height: to-rem(20px);

$inputField-line-height: to-rem(26px);
$input-label-line-height: to-rem(20px);
$editingBtnAtom-line-height: to-rem(20px);
$textlink-line-height: to-rem(26px);

$listItem-line-height: to-rem(26px);

/* Font weights */
$fontweight-normal: 400;
$fontweight-bold: 700;

/* Letter spacing */
$letter-spacing-xs: to-rem(0.2px);
$letter-spacing-sm: to-rem(0.32px);
$letter-spacing-md: to-rem(0.4px);
$letter-spacing-lg: to-rem(1px);

$letter-spacing-button-text: to-rem(0.036px);