:root {
  --color-primary-dark: #003145;
  --color-primary: #063848;
  --color-primary-light: #05465C;
  --color-accent: #DFAD44;
  --color-accent-light: #f4e4c1 ;
  --color-accent-ultra-light: #fff4dc;
  --color-success: #48C02B;
  --color-danger: #d0391b;
  --color-danger-light: #F2c8c0;
  --color-danger-ultra-light: #faebe7;
  --color-tab: #4DB6AC;
  --color-tab-light: #b7e2de;
  --color-tab-ultra-light: #edf8f7;
  --color-filter: #ee7b00;
  --color-gray-ultra-light: #f3f3f3;
  --color-gray-light: #e7e7e7;
  --color-gray: #c8c8c8;
  --color-gray-dark: #9F9F9F;
  --color-highlight: #ffe600;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-black-10: rgba(0, 0, 0, 0.10);
  --color-black-12: rgba(0, 0, 0, 0.12);
  --color-black-14: rgba(0, 0, 0, 0.14);
  --color-black-16: rgba(0, 0, 0, 0.16);
  --color-black-2: rgba(0, 0, 0, 0.2);
  --color-black-3: rgba(0, 0, 0, 0.3);
  --color-black-4: rgba(0, 0, 0, 0.4);
  --color-black-5: rgba(0, 0, 0, 0.5);

  --color-accent-0: rgba(228, 176, 68, 0);
  --color-accent-4: rgba(228, 176, 68, 0.4);
  --color-white-1: rgba(255, 255, 255, 0.1);
  --color-white-2: rgba(255, 255, 255, 0.2);
  --color-white-3: rgba(255, 255, 255, 0.3);
  --color-white-4: rgba(255, 255, 255, 0.4);
  --color-white-5: rgba(255, 255, 255, 0.5);
  --color-white-6: rgba(255, 255, 255, 0.6);
  --color-white-7: rgba(255, 255, 255, 0.7);
  --color-gray-2: rgba(244, 244, 244, 0.2);

}