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

  --bg-body-color: linear-gradient(64.33deg, #f1f8fd 1.61%, #fafdfe 98.05%);
  --bg-offcanvas: color-mix(in srgb, black 68%, #0089fd);
}