:root {
/* ==============================
    CMS COLOR & FONT VARIABLES
    ============================== */

--color-primary:#eb3c24;
--color-background-footer:#000;
--color-background-industry-teaser:#000;
--color-background-header-flyout:#000;
--color-text-footer-active:#eb3c24;
--color-video-slider-arrow:#eb3c24;
--font-family-bold:"UniversLTPro-65Bold","Univers", "univers", "Helvetica", "helvetica", "Arial", "arial","黑体", "Hei Ti", "heiti", "微软雅黑", "Microsoft YaHei", "宋体", "SimSun","sans-serif";
--font-family-light:"UniversLTPro-45Light","Univers", "univers", "Helvetica", "helvetica", "Arial", "arial","黑体", "Hei Ti", "heiti", "微软雅黑", "Microsoft YaHei", "宋体", "SimSun","sans-serif";


/* ==============================
    CHART VARIABLES
    ============================== */
--chart-height-default: 350px;
--legend-gap: 8px;
--legend-col-gap: 12px;
--legend-box-size: 16px;

/* ==============================
    SPACING
    ============================== */
--gap-default: 50px;
--gap-small: 5px;
--responsive-datalist-entry-circle-radius: 7.5px;
--standalone-cta-offset: 64px;

/* OFFSET SECTIONS */
--offset-section-headline-intro: 30px;
--offset-section-content: 40px;
--offset-section-headline-content: 30px;
--offset-section-intro-content: 30px;

/* THEME PADDING */
--padding-theme-dark-section-top: 20px;
--padding-theme-dark-section-bottom: 70px;
--padding-theme-section-top: 30px;

/* TYPOGRAPHY */
--font-weight-bold: 700;
--letter-spacing-tight: -0.4px;
--text-base-font-size: 18px;
--text-base-line-height: 1.5;

/* Text Copy */
--text-copy-font-size: var(--text-base-font-size);
--text-copy-line-height: var(--text-base-line-height);
--text-copy-small-font-size: 14px;
--text-copy-small-line-height: 1.35;

/* Text Quote */
--text-quote-font-size: 14px;
--text-quote-line-height: 1.14;

/* Text Tag */
--text-tag-font-size: 12px;
--text-tag-line-height: 2.4;

/* Text Input */
--text-input-label-font-size: 14px;
--text-input-label-line-height: 1.6;
--text-input-font-size: 16px;
--text-input-line-height: 1.5;

/* Headlines */
--text-headline-primary-font-size: 46px;
--text-headline-primary-line-height: 1;
--text-headline-secondary-font-size: 32px;
--text-headline-secondary-line-height: 1.09;
--text-headline-tertiary-font-size: 22px;
--text-headline-tertiary-line-height: 1.18;
--text-headline-quaternary-font-size: 20px;
--text-headline-quaternary-line-height: 1.3;
--text-headline-section-font-size: 20px;
--text-headline-section-line-height: 1.3;
--text-headline-tag-font-size: 18px;
--text-headline-tag-line-height: 1.06;

/* Buttons */
--text-button-primary-font-size: 14px;
--text-button-primary-line-height: 1.14;
--text-button-secondary-font-size: 14px;
--text-button-secondary-line-height: 1.14;

/* Select */
--text-select-font-size: 14px;
--text-select-line-height: 1.14;

/* Links */
--text-link-primary-font-size: 24px;
--text-link-primary-line-height: 1.08;
--text-link-secondary-font-size: 24px;
--text-link-secondary-line-height: 1.08;
--text-link-tertiary-font-size: 18px;
--text-link-tertiary-line-height: 1.27;

/* Header Links */
--text-header-link-level-1-font-size: 14px;
--text-header-link-level-1-line-height: 1.92;
--text-header-link-level-1-highlight-font-size: 18px;
--text-header-link-level-1-highlight-line-height: 1;
--text-header-link-level-2-font-size: 24px;
--text-header-link-level-2-line-height: 1.08;
--text-header-link-level-2-normal-font-size: 24px;
--text-header-link-level-2-normal-line-height: 1.08;
--text-header-link-level-3-normal-font-size: 14px;
--text-header-link-level-3-normal-line-height: 1.08;

/* Footer */
--text-footer-font-size: 14px;
--text-footer-line-height: 1.35;
--text-footer-nav-font-size: var(--text-footer-font-size);
--text-footer-nav-line-height: 1.14;

/* Teaser */
--text-teaser-font-size: 14px;
--text-teaser-line-height: 1.36;
--text-teaser-large-font-size: 18px;
--text-teaser-large-line-height: 1.5;

/* Breadcrumb & Table */
--text-breadcrumb-font-size: 14px;
--text-breadcrumb-line-height: 1.35;
--text-table-annotation-font-size: 14px;
--text-table-annotation-line-height: 1.38;
--text-table-main-font-size: 18px;
--text-table-main-line-height: 1.5; 
}

/* ==============================
BREAKPOINT OVERRIDES
============================== */
@include breakpoint(medium) {
--offset-section-intro-content: 50px;

--padding-theme-dark-section-top: 75px;
--padding-theme-dark-section-bottom: 80px;

--text-tag-font-size: 14px;
--text-tag-line-height: 2.1;

--text-link-primary-font-size: 32px;
--text-link-primary-line-height: 1;

--text-teaser-font-size: 18px;
--text-teaser-line-height: 1.5;
}

@include breakpoint(large) {
/* Theme Padding */
--padding-theme-dark-section-top: 75px;
--padding-theme-dark-section-bottom: 100px;

/* Text Input */
--text-input-font-size: 24px;

/* Headlines */
--text-headline-primary-font-size: 60px;
--text-headline-primary-line-height: 1.05;
--text-headline-secondary-font-size: 36px;
--text-headline-secondary-line-height: 1.11;
--text-headline-tertiary-font-size: 24px;
--text-headline-tertiary-line-height: 1.08;
--text-headline-tag-font-size: 32px;
--text-headline-tag-line-height: 1.09;

/* Buttons */
--text-button-primary-font-size: 21px;
--text-button-primary-line-height: 1;

/* Header Links */
--text-header-link-level-1-font-size: 14px;
--text-header-link-level-1-line-height: 1.92;
--text-header-link-level-1-highlight-font-size: 18px;
--text-header-link-level-1-highlight-line-height: 1;
--text-header-link-level-2-font-size: 32px;
--text-header-link-level-2-line-height: 1;
--text-header-link-level-2-normal-font-size: 18px;
--text-header-link-level-2-normal-line-height: 1.28;
}