:root {
  --brand-color-25: color-mix(in srgb, white 96.25%, #6BC0F9);
  --brand-color-50: color-mix(in srgb, white 89%, #6BC0F9);
  --brand-color-100: color-mix(in srgb, white 76%, #6BC0F9);
  --brand-color-200: color-mix(in srgb, white 48%, #6BC0F9);
  --brand-color-300: color-mix(in srgb, white 19%, #6BC0F9);
  --brand-color-400: #6BC0F9;
  --brand-color-500: color-mix(in srgb, black 18.25%, #6BC0F9);
  --brand-color-600: color-mix(in srgb, black 36.3%, #6BC0F9);
  --brand-color-700: color-mix(in srgb, black 52%, #6BC0F9);
  --brand-color-800: color-mix(in srgb, black 68%, #6BC0F9);
  --brand-color-900: color-mix(in srgb, black 84.3%, #6BC0F9);

  --bg-body-color: linear-gradient(240.96deg, #fcfcfc 2.1%, #f7f7f7 100%);
  --bg-offcanvas: color-mix(in srgb, black 68%, #7f8080);
}