/* Brand CSS */

:root {
  --orange: #FF7413;
  --blue: #88AFDD;
  --pink: #F3C4D0;
  --yellow: #F1C400;
  --mustard: #B0943D;
  --green: #005154;
  --white: #fff;
  --black: #000;
  --primary: var(--orange);
  --secondary: var(--blue);
  --tertiary: var(--yellow);
  --text: #000;
  --heading: "jubilat", serif;
  --body: "open-sans", sans-serif;
  --font-xxl: 2.65em;
  --font-xl: 2.33em;
  --font-lg: 2em;
  --font-md_base: 1.6667em;
  --font-md: 1.33em;
  --font-sm: 1.11em;
  --font-xs: 0.88em;
  --line-height-1: 1.15em;
  --line-height-2: 1.22em;
  --line-height-3: 1.33em;
  --filter-orange: brightness(0) saturate(100%) invert(59%) sepia(82%) saturate(3172%) hue-rotate(349deg) brightness(99%) contrast(105%);
  --filter-blue: brightness(0) saturate(100%) invert(76%) sepia(5%) saturate(4019%) hue-rotate(183deg) brightness(91%) contrast(89%);
  --filter-pink: brightness(0) saturate(100%) invert(81%) sepia(21%) saturate(442%) hue-rotate(300deg) brightness(102%) contrast(91%);
  --filter-yellow: brightness(0) saturate(100%) invert(63%) sepia(92%) saturate(460%) hue-rotate(6deg) brightness(101%) contrast(103%);
  --filter-mustard: brightness(0) saturate(100%) invert(52%) sepia(69%) saturate(354%) hue-rotate(8deg) brightness(98%) contrast(92%);
  --filter-green: brightness(0) saturate(100%) invert(23%) sepia(88%) saturate(574%) hue-rotate(136deg) brightness(89%) contrast(101%);
}