:root {

 --space-xs: 2px;
 --space-2xs: 4px;
 --space-3xs: 6px;
 --space-4xs: 8px;
 --space-sm: 12px;
 --space-base: 16px;
 --space-lg: 20px;
 --space-xl: 24px;
 --space-2xl: 32px;
 --space-3xl: 40px;
 --space-4xl: 48px;
 --space-5xl: 64px;
 --space-6xl: 80px;
 --space-7xl: 96px;
 --space-8xl: 160px;
 --base-bg-color: #f4f4f4;
 --base-primary-color: #ffffff;
 --base-secondary-color: #d3d5d7;
 --base-tertiary-color: #484848;
 --base-text-color: #272727;
 --base-theme-primary-color: #d60c18;
 --base-theme-secondary-color: #003a9f;
 --grey-1: #eeeeee;
 --grey-2: #dedede;
 --grey-3: #c1c1c1;
 --grey-4: #888888;
 --grey-5: #565656;
 --grey-6: #6b7780;
 --grey-7: #5c6e78;
 --grey-8: #48545d;
 --grey-9: #2e2e2e;
 --grey-10: #171717;
 --grey-11: #000000;
 --paywall-kicker: #e7e7e7;
 --paywall-cta: #003a9f;
 --paywall-cta-hover: #d60c18;
 --paywall-link: #003a9f;
 --paywall-link-hover: #d60c18;
 --paywall-info: #4b4b4b;
 --font-weight-light: 300;
 --font-weight-normal: 400;
 --font-weight-medium: 500;
 --font-weight-bold: 700;
 --font-size-xs: 12px;
 --font-size-sm: 14px;
 --font-size-base: 16px;
 --font-size-lg: 18px;
 --font-size-xl: 20px;
 --font-size-2xl: 24px;
 --font-size-3xl: 26px;
 --font-size-4xl: 28px;
 --font-size-5xl: 32px;
 --font-size-6xl: 40px;
 --font-size-7xl: 48px;
 --font-size-8xl: 56px;
 --font-size-9xl: 64px;
 --opacity-0: 0.00;
 --opacity-5: 0.05;
 --opacity-10: 0.10;
 --opacity-15: 0.15;
 --opacity-20: 0.20;
 --opacity-25: 0.25;
 --opacity-30: 0.30;
 --opacity-35: 0.35;
 --opacity-40: 0.40;
 --opacity-45: 0.45;
 --opacity-50: 0.50;
 --opacity-55: 0.55;
 --opacity-60: 0.60;
 --opacity-65: 0.65;
 --opacity-70: 0.70;
 --opacity-75: 0.75;
 --opacity-80: 0.80;
 --opacity-85: 0.85;
 --opacity-90: 0.90;
 --opacity-95: 0.95;
 --opacity-100: 1.00;
}