.light .red {
  --bi-sys-color-primary: hsl(0 49.80392156862745% 40%);
  --bi-sys-color-on-primary: #fff;
  --bi-sys-color-primary-container: hsl(0 49.80392156862745% 90%);
  --bi-sys-color-on-primary-container: hsl(0 49.80392156862745% 10%);
  --bi-sys-color-secondary: hsl(0 19.92156862745098% 40%);
  --bi-sys-color-on-secondary: #fff;
  --bi-sys-color-secondary-container: hsl(0 19.92156862745098% 90%);
  --bi-sys-color-on-secondary-container: hsl(0 19.92156862745098% 10%);
  --bi-sys-color-tertiary: hsl(60 29.88235294117647% 40%);
  --bi-sys-color-on-tertiary: #fff;
  --bi-sys-color-tertiary-container: hsl(60 29.88235294117647% 90%);
  --bi-sys-color-on-tertiary-container: hsl(60 29.88235294117647% 10%);
  --bi-sys-color-error: hsl(25 84% 40%);
  --bi-sys-color-on-error: undefined;
  --bi-sys-color-error-container: hsl(25 84% 90%);
  --bi-sys-color-on-error-container: hsl(25 84% 10%);
  --bi-sys-color-background: hsl(0 8% 99%);
  --bi-sys-color-on-background: hsl(0 8% 10%);
  --bi-sys-color-surface: undefined;
  --bi-sys-color-on-surface: hsl(0 8% 10%);
  --bi-sys-color-surface-variant: hsl(0 16% 90%);
  --bi-sys-color-on-surface-variant: hsl(0 16% 30%);
  --bi-sys-color-outline: hsl(0 16% 50%);
  --bi-sys-color-outline-variant: hsl(0 16% 80%);
  --bi-sys-color-inverse-surface: hsl(0 8% 20%);
  --bi-sys-color-inverse-on-surface: hsl(0 8% 95%);
  --bi-sys-color-inverse-primary: hsl(0 49.80392156862745% 80%);
  --bi-sys-color-surface-dim: undefined;
  --bi-sys-color-surface-bright: undefined;
  --bi-sys-color-surface-container-lowest: undefined;
  --bi-sys-color-surface-container-low: undefined;
  --bi-sys-color-surface-container: undefined;
  --bi-sys-color-surface-container-high: undefined;
  --bi-sys-color-surface-container-highest: hsl(0 8% 90%);
}

.dark .red {
  --bi-sys-color-primary: hsl(0 49.80392156862745% 40%);
  --bi-sys-color-on-primary: #fff;
  --bi-sys-color-primary-container: hsl(0 49.80392156862745% 30%);
  --bi-sys-color-on-primary-container: hsl(0 49.80392156862745% 90%);
  --bi-sys-color-secondary: hsl(0 19.92156862745098% 80%);
  --bi-sys-color-on-secondary: hsl(0 19.92156862745098% 20%);
  --bi-sys-color-secondary-container: hsl(0 19.92156862745098% 30%);
  --bi-sys-color-on-secondary-container: hsl(0 19.92156862745098% 90%);
  --bi-sys-color-tertiary: hsl(60 29.88235294117647% 80%);
  --bi-sys-color-on-tertiary: hsl(60 29.88235294117647% 20%);
  --bi-sys-color-tertiary-container: hsl(60 29.88235294117647% 30%);
  --bi-sys-color-on-tertiary-container: hsl(60 29.88235294117647% 90%);
  --bi-sys-color-error: hsl(25 84% 80%);
  --bi-sys-color-on-error: hsl(25 84% 20%);
  --bi-sys-color-error-container: hsl(25 84% 30%);
  --bi-sys-color-on-error-container: hsl(25 84% 90%);
  --bi-sys-color-background: hsl(0 8% 10%);
  --bi-sys-color-on-background: hsl(0 8% 90%);
  --bi-sys-color-surface: hsl(0 8% 20%);
  --bi-sys-color-on-surface: hsl(0 8% 90%);
  --bi-sys-color-surface-variant: hsl(0 16% 30%);
  --bi-sys-color-on-surface-variant: hsl(0 16% 80%);
  --bi-sys-color-outline: hsl(0 16% 60%);
  --bi-sys-color-outline-variant: hsl(0 16% 30%);
  --bi-sys-color-inverse-surface: hsl(0 8% 90%);
  --bi-sys-color-inverse-on-surface: hsl(0 8% 20%);
  --bi-sys-color-inverse-primary: hsl(0 49.80392156862745% 40%);
  --bi-sys-color-surface-dim: undefined;
  --bi-sys-color-surface-bright: undefined;
  --bi-sys-color-surface-container-lowest: undefined;
  --bi-sys-color-surface-container-low: hsl(0 8% 10%);
  --bi-sys-color-surface-container: undefined;
  --bi-sys-color-surface-container-high: undefined;
  --bi-sys-color-surface-container-highest: undefined;
}

.light-medium-contrast .red {
  --bi-sys-color-primary: hsl(0 49.80392156862745% 40%);
  --bi-sys-color-on-primary: #fff;
  --bi-sys-color-primary-container: hsl(0 49.80392156862745% 95%);
  --bi-sys-color-on-primary-container: undefined;
  --bi-sys-color-secondary: hsl(0 19.92156862745098% 40%);
  --bi-sys-color-on-secondary: #fff;
  --bi-sys-color-secondary-container: hsl(0 19.92156862745098% 95%);
  --bi-sys-color-on-secondary-container: undefined;
  --bi-sys-color-tertiary: hsl(60 29.88235294117647% 40%);
  --bi-sys-color-on-tertiary: #fff;
  --bi-sys-color-tertiary-container: hsl(60 29.88235294117647% 95%);
  --bi-sys-color-on-tertiary-container: undefined;
  --bi-sys-color-error: hsl(25 84% 40%);
  --bi-sys-color-on-error: undefined;
  --bi-sys-color-error-container: hsl(25 84% 95%);
  --bi-sys-color-on-error-container: undefined;
  --bi-sys-color-background: hsl(0 8% 99%);
  --bi-sys-color-on-background: hsl(0 8% 10%);
  --bi-sys-color-surface: undefined;
  --bi-sys-color-on-surface: hsl(0 8% 10%);
  --bi-sys-color-surface-variant: hsl(0 16% 90%);
  --bi-sys-color-on-surface-variant: hsl(0 16% 30%);
  --bi-sys-color-outline: hsl(0 16% 50%);
  --bi-sys-color-outline-variant: hsl(0 16% 80%);
  --bi-sys-color-inverse-surface: hsl(0 8% 20%);
  --bi-sys-color-inverse-on-surface: hsl(0 8% 95%);
  --bi-sys-color-inverse-primary: hsl(0 49.80392156862745% 80%);
  --bi-sys-color-surface-dim: undefined;
  --bi-sys-color-surface-bright: undefined;
  --bi-sys-color-surface-container-lowest: undefined;
  --bi-sys-color-surface-container-low: undefined;
  --bi-sys-color-surface-container: undefined;
  --bi-sys-color-surface-container-high: undefined;
  --bi-sys-color-surface-container-highest: hsl(0 8% 90%);
}

.dark-medium-contrast .red {
  --bi-sys-color-primary: hsl(0 49.80392156862745% 80%);
  --bi-sys-color-on-primary: hsl(0 49.80392156862745% 20%);
  --bi-sys-color-primary-container: undefined;
  --bi-sys-color-on-primary-container: undefined;
  --bi-sys-color-secondary: hsl(0 19.92156862745098% 80%);
  --bi-sys-color-on-secondary: hsl(0 19.92156862745098% 20%);
  --bi-sys-color-secondary-container: undefined;
  --bi-sys-color-on-secondary-container: undefined;
  --bi-sys-color-tertiary: hsl(60 29.88235294117647% 80%);
  --bi-sys-color-on-tertiary: hsl(60 29.88235294117647% 20%);
  --bi-sys-color-tertiary-container: undefined;
  --bi-sys-color-on-tertiary-container: undefined;
  --bi-sys-color-error: hsl(25 84% 80%);
  --bi-sys-color-on-error: hsl(25 84% 20%);
  --bi-sys-color-error-container: undefined;
  --bi-sys-color-on-error-container: undefined;
  --bi-sys-color-background: hsl(0 8% 10%);
  --bi-sys-color-on-background: hsl(0 8% 90%);
  --bi-sys-color-surface: hsl(0 8% 20%);
  --bi-sys-color-on-surface: hsl(0 8% 90%);
  --bi-sys-color-surface-variant: hsl(0 16% 30%);
  --bi-sys-color-on-surface-variant: hsl(0 16% 80%);
  --bi-sys-color-outline: hsl(0 16% 60%);
  --bi-sys-color-outline-variant: hsl(0 16% 30%);
  --bi-sys-color-inverse-surface: hsl(0 8% 90%);
  --bi-sys-color-inverse-on-surface: hsl(0 8% 20%);
  --bi-sys-color-inverse-primary: hsl(0 49.80392156862745% 40%);
  --bi-sys-color-surface-dim: undefined;
  --bi-sys-color-surface-bright: undefined;
  --bi-sys-color-surface-container-lowest: undefined;
  --bi-sys-color-surface-container-low: hsl(0 8% 10%);
  --bi-sys-color-surface-container: undefined;
  --bi-sys-color-surface-container-high: undefined;
  --bi-sys-color-surface-container-highest: undefined;
}

.light-high-contrast .red {
  --bi-sys-color-primary: hsl(0 49.80392156862745% 40%);
  --bi-sys-color-on-primary: #fff;
  --bi-sys-color-primary-container: undefined;
  --bi-sys-color-on-primary-container: hsl(0 49.80392156862745% 20%);
  --bi-sys-color-secondary: hsl(0 19.92156862745098% 40%);
  --bi-sys-color-on-secondary: #fff;
  --bi-sys-color-secondary-container: undefined;
  --bi-sys-color-on-secondary-container: hsl(0 19.92156862745098% 20%);
  --bi-sys-color-tertiary: hsl(60 29.88235294117647% 40%);
  --bi-sys-color-on-tertiary: #fff;
  --bi-sys-color-tertiary-container: undefined;
  --bi-sys-color-on-tertiary-container: hsl(60 29.88235294117647% 20%);
  --bi-sys-color-error: hsl(25 84% 40%);
  --bi-sys-color-on-error: undefined;
  --bi-sys-color-error-container: undefined;
  --bi-sys-color-on-error-container: hsl(25 84% 20%);
  --bi-sys-color-background: hsl(0 8% 99%);
  --bi-sys-color-on-background: hsl(0 8% 10%);
  --bi-sys-color-surface: undefined;
  --bi-sys-color-on-surface: hsl(0 8% 10%);
  --bi-sys-color-surface-variant: hsl(0 16% 90%);
  --bi-sys-color-on-surface-variant: hsl(0 16% 30%);
  --bi-sys-color-outline: hsl(0 16% 50%);
  --bi-sys-color-outline-variant: hsl(0 16% 80%);
  --bi-sys-color-inverse-surface: hsl(0 8% 20%);
  --bi-sys-color-inverse-on-surface: hsl(0 8% 95%);
  --bi-sys-color-inverse-primary: hsl(0 49.80392156862745% 80%);
  --bi-sys-color-surface-dim: undefined;
  --bi-sys-color-surface-bright: undefined;
  --bi-sys-color-surface-container-lowest: undefined;
  --bi-sys-color-surface-container-low: undefined;
  --bi-sys-color-surface-container: undefined;
  --bi-sys-color-surface-container-high: undefined;
  --bi-sys-color-surface-container-highest: hsl(0 8% 90%);
}

.dark-high-contrast .red {
  --bi-sys-color-primary: hsl(0 49.80392156862745% 80%);
  --bi-sys-color-on-primary: hsl(0 49.80392156862745% 20%);
  --bi-sys-color-primary-container: hsl(0 49.80392156862745% 20%);
  --bi-sys-color-on-primary-container: hsl(0 49.80392156862745% 80%);
  --bi-sys-color-secondary: hsl(0 19.92156862745098% 80%);
  --bi-sys-color-on-secondary: hsl(0 19.92156862745098% 20%);
  --bi-sys-color-secondary-container: hsl(0 19.92156862745098% 20%);
  --bi-sys-color-on-secondary-container: hsl(0 19.92156862745098% 80%);
  --bi-sys-color-tertiary: hsl(60 29.88235294117647% 80%);
  --bi-sys-color-on-tertiary: hsl(60 29.88235294117647% 20%);
  --bi-sys-color-tertiary-container: hsl(60 29.88235294117647% 20%);
  --bi-sys-color-on-tertiary-container: hsl(60 29.88235294117647% 80%);
  --bi-sys-color-error: hsl(25 84% 80%);
  --bi-sys-color-on-error: hsl(25 84% 20%);
  --bi-sys-color-error-container: hsl(25 84% 20%);
  --bi-sys-color-on-error-container: hsl(25 84% 80%);
  --bi-sys-color-background: hsl(0 8% 10%);
  --bi-sys-color-on-background: hsl(0 8% 90%);
  --bi-sys-color-surface: hsl(0 8% 20%);
  --bi-sys-color-on-surface: hsl(0 8% 90%);
  --bi-sys-color-surface-variant: hsl(0 16% 30%);
  --bi-sys-color-on-surface-variant: hsl(0 16% 80%);
  --bi-sys-color-outline: hsl(0 16% 60%);
  --bi-sys-color-outline-variant: hsl(0 16% 30%);
  --bi-sys-color-inverse-surface: hsl(0 8% 90%);
  --bi-sys-color-inverse-on-surface: hsl(0 8% 20%);
  --bi-sys-color-inverse-primary: hsl(0 49.80392156862745% 40%);
  --bi-sys-color-surface-dim: undefined;
  --bi-sys-color-surface-bright: undefined;
  --bi-sys-color-surface-container-lowest: undefined;
  --bi-sys-color-surface-container-low: hsl(0 8% 10%);
  --bi-sys-color-surface-container: undefined;
  --bi-sys-color-surface-container-high: undefined;
  --bi-sys-color-surface-container-highest: undefined;
}