:root {
  --color-blue-dark: #163145;
  --color-blue-primary: #3787bd;
  --color-blue-light: #3787bd;
  --color-blue-background: #dbeafe;
  --color-purple-dark: #0b1d22;
  --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: #f37713;
  --color-yellow-background: #fff49d;
  --color-screen-splash-background: #ffffff;
  --color-navbar-background: #163a45;
  --color-footer-primary-bg: #112d36;
  --color-footer-secondary-bg: #13303a;
  --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));
}