:root {
  --color-black: #020618;
  --color-white: #ffffff;
  --color-white-opacity-05: rgba(0, 0, 0, 0.05);

  /* #Grays */
  --color-gray-50: #F8FAFC;
  --color-gray-100: #F1F5F9;
  --color-gray-200: #E2E8F0;
  --color-gray-300: #CAD5E2;
  --color-gray-400: #90A1B9;
  --color-gray-500: #62748E;
  --color-gray-600: #45556C;
  --color-gray-700: #314158;
  --color-gray-800: #1D293D;
  --color-gray-900: #0F172B;
  --color-gray-950: #020618;

  /* #Brand */
  --color-brand-dark: #193273;
  --color-brand-dark-rgb: 25, 50, 115;

  --color-brand-light: #325FDA;
  --color-brand-light2: #e7efff;
  --color-brand-light-rgb: 50, 95, 218;

  --color-brand-300: #e7efff;
  --color-brand-300-rgb: 231, 239, 255;

  /* #Accent */
  --color-error: #bb032a;
  --color-error-opacity: #FFF0EE;
  --color-error-rgb: 223, 56, 56;

  --color-notification: #f4d04f;
  --color-notification-rgb: 244, 208, 79;

  --color-info: #325fda;
  --color-info-rgb: 50, 95, 218;
  --color-info-messages: #e3e9f3;

  --color-warning: #845201;
  --color-warning-opacity: #FDF2DC;

  --color-success: #166C3B;
  --color-success--opacity: #EAF6ED;
  --color-success-rgb: 7, 81, 69;

  --color-allocation-started: #E8F8E5;
  --color-allocation-scheduled: #FDF0E4;
  --color-allocation-ended: #FBE4E4;
  --color-allocation-sick: #E7EFFF;
  --color-allocation-no-show: #EAE5FF;
  --color-allocation-unavailable: #F2F2F2;
  --cropper-outline-color: rgba(0, 0, 0, 0.5);
}