/* Brand CSS */

:root {
  --dark_purple: #3B3F97;
  --light_purple: #E1D4F5;
  --lighter_purple: #F3ECFE;
  --dark_green: #194D36;
  --mid_green: #A9D157;
  --light_green: #ECF0B2;
  --pink: #FFC4D3;
  --yellow: #F3D965;
  --cream: #FCF5E7;
  --black: #302A36;
  --primary: var(--dark_purple);
  --secondary: var(--dark_green);
  --tertiary: var(--mid_green);
  --text: #302A36;
  --heading: "Inclusive Sans", sans-serif;
  --body: "Inclusive Sans", sans-serif;
  --poppins: "Poppins", sans-serif;
  --font-xxl: 3.33em;
  --font-xl: 2.66em;
  --font-lg: 2em;
  --font-md_base: 1.55em;
  --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-dark_purple: brightness(0) saturate(100%) invert(21%) sepia(69%) saturate(1401%) hue-rotate(217deg) brightness(93%) contrast(94%);
  --filter-light_purple: brightness(0) saturate(100%) invert(90%) sepia(8%) saturate(1517%) hue-rotate(203deg) brightness(96%) contrast(100%);
  --filter-lighter_purple: brightness(0) saturate(100%) invert(100%) sepia(37%) saturate(3747%) hue-rotate(180deg) brightness(107%) contrast(99%);
  --filter-dark_green: brightness(0) saturate(100%) invert(22%) sepia(61%) saturate(476%) hue-rotate(101deg) brightness(88%) contrast(90%);
  --filter-mid_green: brightness(0) saturate(100%) invert(76%) sepia(27%) saturate(773%) hue-rotate(37deg) brightness(97%) contrast(90%);
  --filter-light_green: brightness(0) saturate(100%) invert(88%) sepia(30%) saturate(346%) hue-rotate(21deg) brightness(108%) contrast(88%);
  --filter-pink: brightness(0) saturate(100%) invert(81%) sepia(9%) saturate(1510%) hue-rotate(303deg) brightness(102%) contrast(110%);
  --filter-yellow: brightness(0) saturate(100%) invert(68%) sepia(24%) saturate(857%) hue-rotate(8deg) brightness(123%) contrast(91%);
  --filter-cream: brightness(0) saturate(100%) invert(91%) sepia(17%) saturate(338%) hue-rotate(327deg) brightness(107%) contrast(98%);
  --filter-black: brightness(0) saturate(100%) invert(14%) sepia(4%) saturate(2926%) hue-rotate(227deg) brightness(90%) contrast(88%);
}