:root{

--font-primary: 'Saira', sans-serif;
--color-primary: #06D889;
  --color-primary-light: #B4B4B4;
  --color-primary-dark: #1D1D1D;

  --color-primary-rgb: 255, 220, 96;
  --color-primary-light-rgb: 255, 233, 153;
  --color-primary-dark-rgb: 230, 180, 0;

  /* Secondary colors */
  --color-secondary: #fff;
  --color-secondary-light: #808080;
  --color-secondary-dark: #000000;

  --color-secondary-rgb: 35, 35, 35;
  --color-secondary-light-rgb: 128, 128, 128;
  --color-secondary-dark-rgb: 0, 0, 0;

  --color-sky:#59c9da;

  --color-black: #000000;
  --color-black-rgb: 0, 0, 0;

  --color-white: #ffffff;
  --color-white-rgb: 255, 255, 255;
}


.color-primary { color: var(--color-primary) !important; }
.color-primary-light { color: var(--color-primary-light) !important; }
.color-primary-dark { color: var(--color-primary-dark) !important; }
.color-secondary { color: var(--color-secondary) !important; }
.color-secondary-light { color: var(--color-secondary-light) !important; }
.color-secondary-dark { color: var(--color-secondary-dark) !important; }
.color-black { color: var(--color-black) !important; }
.color-white { color: var(--color-white) !important; }
.bg-primary { background-color: var(--color-primary) !important; }
.bg-primary-light { background-color: var(--color-primary-light) !important; }
.bg-primary-dark { background-color: var(--color-primary-dark) !important; }
.bg-secondary { background-color: var(--color-secondary) !important; }
.bg-secondary-light { background-color: var(--color-secondary-light) !important; }
.bg-secondary-dark { background-color: var(--color-secondary-dark) !important; }
.bg-black { background-color: var(--color-black) !important; }
.bg-white { background-color: var(--color-white) !important; }