:root {
  --sbt-color-sunbelt-green: #008545;
  --sbt-color-sunbelt-yellow: #FED203;
  
  --sbt-color-concrete: #93999B;
  --sbt-color-steel: #49525E;
  --sbt-color-black: #000000;
  --sbt-color-white: #FFFFFF;
  
  --sbt-color-action-red: #E13229;
  --sbt-color-forest: #005E31;
  --sbt-color-concrete-60: rgba(147, 153, 155, 0.6);
  --sbt-color-concrete-15: rgba(147, 153, 155, 0.15);
  
  --sbt-color-primary: var(--sbt-color-sunbelt-green);
  --sbt-color-secondary: var(--sbt-color-sunbelt-yellow);
  --sbt-color-danger: var(--sbt-color-action-red);
  --sbt-color-text-primary: var(--sbt-color-black);
  --sbt-color-text-secondary: var(--sbt-color-steel);
  --sbt-color-background-light: var(--sbt-color-concrete-15);
  --sbt-color-background-medium: var(--sbt-color-concrete-60);
  --sbt-color-background-dark: var(--sbt-color-concrete);
  
--sbt-font-family: 'din-2014', 'Barlow', sans-serif;
--sbt-font-family-narrow: 'din-2014-narrow', 'Barlow', sans-serif;
  
  --sbt-font-size-base: 16px;
  --sbt-font-size-small: 14px;
  --sbt-font-size-large: 18px;

  --sbt-font-size-h1-desktop: 48px;
  --sbt-font-size-h2-desktop: 35px;
  --sbt-font-size-h3-desktop: 20px;
  --sbt-font-size-h4-desktop: 18px;
  --sbt-font-size-h5-desktop: 18px;
  --sbt-font-size-h6-desktop: 16px;

  --sbt-font-size-h1-mobile: 35px;
  --sbt-font-size-h2-mobile: 28px;
  --sbt-font-size-h3-mobile: 18px;
  --sbt-font-size-h4-mobile: 16px;
  --sbt-font-size-h5-mobile: 16px;
  --sbt-font-size-h6-mobile: 16px;
  
  --sbt-border-radius: 5px;
  }
