:root {
  --color-blue-dark: #1E3A8A;
  --color-blue-primary: #030b16;
  --color-blue-light: #60A5FA;
  --color-blue-background: #DBEAFE;
  --color-purple-dark: #DBEAFE;
  --color-natural-900: #0F172A;
  --color-natural-800: #1E293B;
  --color-natural-700: #334155;
  --color-natural-600: #475569;
  --color-natural-500: #64748B;
  --color-natural-400: #94A3B8;
  --color-natural-300: #CBD5E1;
  --color-natural-200: #E2E8F0;
  --color-natural-100: #F1F5F9;
  --color-natural-50: #F8FAFC;
  --color-green-dark: #007A46;
  --color-green-primary: #00AC6B;
  --color-green-background: #BAE6D1;
  --color-red-dark: #991B1B;
  --color-red-primary: #E42519;
  --color-red-background: #FEE2E2;
  --color-yellow-dark: #E5BC17;
  --color-yellow-primary: #FFCC00;
  --color-yellow-background: #FFF49D;
  --color-screen-splash-background: #FFFFFF;
  --color-navbar-background: #030b16;
  --color-footer-primary-bg: #324155;
  --color-footer-secondary-bg: #475469;
  --color-footer-head-color: #CBD5E1;
  --color-footer-text-color: #E2E8F0;
  --color-footer-link-color: #FFFFFF;
  --color-footer-icon-color: #FFFFFF;
  --color-footer-social-icons: #FFFFFF;
  --color-footer-social-icons-bg: #1A222D;
  --color-white: #FFFFFF;
  --color-tabby: #3BFF9F;
  --color-boxShadow-1: #0000004D;
  --color-boxShadow-2: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.20));
  --color-boxShadow-3: drop-shadow(0px 0px 16px rgba(0, 0, 0, 0.10));
}