/* Brand CSS */

:root {
  --dark_blue: #00597E;
  --yellow: #F8CA10;
  --pink: #F2AECE;
  --green: #ABD25F;
  --sky_blue: #81D4F7;
  --light_blue: #C7EAF8;
  --white: #fff;
  --black: #000;
  --primary: var(--dark_blue);
  --secondary: var(--yellow);
  --tertiary: var(--sky_blue);
  --text: var(--black);
  --heading: 'bitter', sans-serif;
  --body: 'poppins', sans-serif;
  --font-xl: 2.33em;
  --font-lg: 2em;
  --font-md_base: 1.55em;
  --font-md: 1.33em;
  --font-sm: 1.22em;
  --font-xs: 0.88em;
  --line-height-1: 1.15em;
  --line-height-2: 1.22em;
  --line-height-3: 1.33em;
  /*--filter-dark_blue: invert(22%) sepia(16%) saturate(7127%) hue-rotate(173deg) brightness(100%) contrast(101%);
  --filter-yellow: brightness(0) saturate(100%) invert(92%) sepia(18%) saturate(2430%) hue-rotate(345deg) brightness(97%) contrast(100%);
  --filter-pink: invert(71%) sepia(41%) saturate(419%) hue-rotate(293deg) brightness(106%) contrast(90%);
  --filter-green: invert(74%) sepia(49%) saturate(417%) hue-rotate(37deg) brightness(97%) contrast(89%);
  --filter-sky_blue: invert(78%) sepia(12%) saturate(1428%) hue-rotate(161deg) brightness(98%) contrast(98%);
  --filter-light_blue: invert(81%) sepia(34%) saturate(199%) hue-rotate(163deg) brightness(105%) contrast(94%);
  */
  --filter-dark_blue: brightness(0) saturate(100%) invert(14%) sepia(97%) saturate(3576%) hue-rotate(184deg) brightness(88%) contrast(102%);
  --filter-yellow: brightness(0) saturate(100%) invert(73%) sepia(80%) saturate(536%) hue-rotate(352deg) brightness(103%) contrast(94%);
  --filter-pink: brightness(0) saturate(100%) invert(63%) sepia(72%) saturate(154%) hue-rotate(281deg) brightness(107%) contrast(90%);
  --filter-green: brightness(0) saturate(100%) invert(78%) sepia(68%) saturate(344%) hue-rotate(28deg) brightness(92%) contrast(87%);
  --filter-sky_blue: brightness(0) saturate(100%) invert(76%) sepia(36%) saturate(629%) hue-rotate(166deg) brightness(99%) contrast(96%);
  --filter-light_blue: brightness(0) saturate(100%) invert(85%) sepia(40%) saturate(177%) hue-rotate(163deg) brightness(99%) contrast(96%);
}