:root {
  --color-primary: #014FBD;
  --color-primary-dark: #123870;
  --color-primary-800: #003C9F;
  --color-primary-600: #1D5CCF;
  --color-primary-400: #4D8EF0;
  --color-primary-200: #A9C6F6;
  --color-primary-light: #EFF7FE;
  --color-danger: #F34A4A;
  --color-danger-400: #f3adad;
  --color-danger-200: #f8cbcb;
  --color-danger-light: #fbf0f0;
  --color-success: #53d539;
  --color-success-200: #aced9b;
  --color-success-light: #effbec;
  --color-warning: #f58c22;
  --color-warning-200: #fcd3af;
  --color-warning-light: #FBF3EC;
  --color-info: #4AA2F3;
  --color-info-200: #c0d9ff;
  --color-info-light: #EFF5FE;
  --color-gray-900: #2d2d2d;
  --color-gray-800: #4d4d4d;
  --color-gray-700: #6f6f6f;
  --color-gray-600: #909090;
  --color-gray-500: #b6b6b6;
  --color-gray-400: #dadada;
  --color-gray-300: #ececec;
  --color-gray-200: #f6f6f6;
  --color-gray-light: #f9f9f9;
  --color-white: #fff;
  --color-black: #000;
  --color-body: #f6f6f6;
  --color-font: #000;
  /* --color-header-bg: #fff;
  --color-header-text: #000;
  --color-footer-bg: #fff;
  --color-footer-text: #000; */
  --color-icon: var(var(--color-gray-800));
  --color-shadow-primary: 0 4px 8px 0 rgba(43, 43, 43, 0.06);
  --color-shadow-secondary: 0 6px 12px 0 rgba(43, 43, 43, 0.1);
}