/**
 * Do not edit directly, this file was auto-generated.
 */

[data-theme="reflex"] {
  --blulight-brand-0: #f3faffff;
  --blulight-brand-50: #bbdefbff;
  --blulight-brand-100: #90caf9ff;
  --blulight-brand-200: #64b5f6ff;
  --blulight-brand-300: #42a5f5ff;
  --blulight-brand-400: #1e88e5ff;
  --blulight-brand-500: #1976d2ff;
  --blulight-brand-600: #1565c0ff;
  --blulight-brand-700: #0d47a1ff;
  --blulight-brand-800: #0b3d89ff;
  --blulight-brand-900: #093171ff;
  --pink-brand-0: #fce4ecff;
  --pink-brand-50: #f8bbd0ff;
  --pink-brand-100: #f48fb1ff;
  --pink-brand-200: #f06292ff;
  --pink-brand-300: #ec407aff;
  --pink-brand-400: #d81b60ff;
  --pink-brand-500: #c2185bff;
  --pink-brand-600: #ad1457ff;
  --pink-brand-700: #880e4fff;
  --pink-brand-800: #750b43ff;
  --pink-brand-900: #620938ff;
  --fill-brand-one: var(--blulight-brand-700);
  --fill-brand-three: var(--blulight-brand-900);
  --fill-brand-two: var(--blulight-brand-50);
  --fill-brand-four: var(--pink-brand-600);
  --background-brand-one: var(--blulight-brand-0);
  --background-brand-two: var(--blulight-brand-700);
  --text-icons-brand-one: var(--blulight-brand-700);
  --text-icons-brand-three: var(--blulight-brand-900);
  --divider-border-brand-one: var(--blulight-brand-700);
  --divider-border-brand-three: var(--blulight-brand-900);
}