/**
 * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
 */

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

:root {
  --dataviz-chart-bar-fuchsia-bg-alt: var(--mode-color-colorcode-pink-faint);
  --dataviz-chart-bar-fuchsia-bg-default: var(--mode-color-colorcode-pink-intense);
  --dataviz-chart-bar-fuchsia-border: var(--mode-color-colorcode-pink-intense);
  --dataviz-chart-bar-fuchsia-pattern: var(--mode-color-colorcode-pink-intense);
  --dataviz-chart-bar-red-bg-alt: var(--mode-color-colorcode-red-faint);
  --dataviz-chart-bar-red-bg-default: var(--mode-color-colorcode-red-intense);
  --dataviz-chart-bar-red-border: var(--mode-color-colorcode-red-intense);
  --dataviz-chart-bar-red-pattern: var(--mode-color-colorcode-red-intense);
  --dataviz-chart-bar-pink-bg-alt: var(--mode-color-colorcode-red-faint);
  --dataviz-chart-bar-pink-bg-default: var(--mode-color-colorcode-red-soft);
  --dataviz-chart-bar-pink-border: var(--mode-color-colorcode-red-soft);
  --dataviz-chart-bar-pink-pattern: var(--mode-color-colorcode-red-soft);
  --dataviz-chart-bar-orange-bg-alt: var(--mode-color-colorcode-orange-faint);
  --dataviz-chart-bar-orange-bg-default: var(--mode-color-colorcode-orange-harsh);
  --dataviz-chart-bar-orange-border: var(--mode-color-colorcode-orange-harsh);
  --dataviz-chart-bar-orange-pattern: var(--mode-color-colorcode-orange-harsh);
  --dataviz-chart-bar-gold-bg-alt: var(--mode-color-colorcode-yellow-faint);
  --dataviz-chart-bar-gold-bg-default: var(--mode-color-colorcode-yellow-soft);
  --dataviz-chart-bar-gold-border: var(--mode-color-colorcode-yellow-harsh);
  --dataviz-chart-bar-gold-pattern: var(--mode-color-colorcode-yellow-harsh);
  --dataviz-chart-bar-lime-bg-alt: var(--mode-color-colorcode-lime-faint);
  --dataviz-chart-bar-lime-bg-default: var(--mode-color-colorcode-lime-harsh);
  --dataviz-chart-bar-lime-border: var(--mode-color-colorcode-lime-harsh);
  --dataviz-chart-bar-lime-pattern: var(--mode-color-colorcode-lime-harsh);
  --dataviz-chart-bar-green-bg-alt: var(--mode-color-colorcode-green-faint);
  --dataviz-chart-bar-green-bg-default: var(--mode-color-colorcode-green-harsh);
  --dataviz-chart-bar-green-border: var(--mode-color-colorcode-green-harsh);
  --dataviz-chart-bar-green-pattern: var(--mode-color-colorcode-green-harsh);
  --dataviz-chart-bar-teal-bg-alt: var(--mode-color-colorcode-teal-faint);
  --dataviz-chart-bar-teal-bg-default: var(--mode-color-colorcode-teal-soft);
  --dataviz-chart-bar-teal-border: var(--mode-color-colorcode-teal-soft);
  --dataviz-chart-bar-teal-pattern: var(--mode-color-colorcode-teal-soft);
  --dataviz-chart-bar-blue-bg-alt: var(--mode-color-colorcode-blue-faint);
  --dataviz-chart-bar-blue-bg-default: var(--mode-color-colorcode-blue-soft);
  --dataviz-chart-bar-blue-border: var(--mode-color-colorcode-blue-soft);
  --dataviz-chart-bar-blue-pattern: var(--mode-color-colorcode-blue-soft);
  --dataviz-chart-bar-navy-bg-alt: var(--mode-color-colorcode-blue-faint);
  --dataviz-chart-bar-navy-bg-default: var(--mode-color-colorcode-blue-intense);
  --dataviz-chart-bar-navy-border: var(--mode-color-colorcode-blue-intense);
  --dataviz-chart-bar-navy-pattern: var(--mode-color-colorcode-blue-intense);
  --dataviz-chart-bar-purple-bg-alt: var(--mode-color-colorcode-purple-faint);
  --dataviz-chart-bar-purple-bg-default: var(--mode-color-colorcode-purple-intense);
  --dataviz-chart-bar-purple-border: var(--mode-color-colorcode-purple-intense);
  --dataviz-chart-bar-purple-pattern: var(--mode-color-colorcode-purple-intense);
  --dataviz-chart-bar-slate-bg-alt: var(--mode-color-colorcode-slate-faint);
  --dataviz-chart-bar-slate-bg-default: var(--mode-color-colorcode-slate-intense);
  --dataviz-chart-bar-slate-border: var(--mode-color-colorcode-slate-intense);
  --dataviz-chart-bar-slate-pattern: var(--mode-color-colorcode-slate-intense);
  --dataviz-chart-donut-fuchsia-bg-alt: var(--mode-color-colorcode-pink-faint);
  --dataviz-chart-donut-fuchsia-bg-default: var(--mode-color-colorcode-pink-intense);
  --dataviz-chart-donut-fuchsia-border: var(--mode-color-colorcode-pink-intense);
  --dataviz-chart-donut-fuchsia-pattern: var(--mode-color-colorcode-pink-intense);
  --dataviz-chart-donut-red-bg-alt: var(--mode-color-colorcode-red-faint);
  --dataviz-chart-donut-red-bg-default: var(--mode-color-colorcode-red-intense);
  --dataviz-chart-donut-red-border: var(--mode-color-colorcode-red-intense);
  --dataviz-chart-donut-red-pattern: var(--mode-color-colorcode-red-intense);
  --dataviz-chart-donut-pink-bg-alt: var(--mode-color-colorcode-red-faint);
  --dataviz-chart-donut-pink-bg-default: var(--mode-color-colorcode-red-soft);
  --dataviz-chart-donut-pink-border: var(--mode-color-colorcode-red-soft);
  --dataviz-chart-donut-pink-pattern: var(--mode-color-colorcode-red-soft);
  --dataviz-chart-donut-orange-bg-alt: var(--mode-color-colorcode-orange-faint);
  --dataviz-chart-donut-orange-bg-default: var(--mode-color-colorcode-orange-harsh);
  --dataviz-chart-donut-orange-border: var(--mode-color-colorcode-orange-harsh);
  --dataviz-chart-donut-orange-pattern: var(--mode-color-colorcode-orange-harsh);
  --dataviz-chart-donut-gold-bg-alt: var(--mode-color-colorcode-yellow-faint);
  --dataviz-chart-donut-gold-bg-default: var(--mode-color-colorcode-yellow-soft);
  --dataviz-chart-donut-gold-border: var(--mode-color-colorcode-yellow-harsh);
  --dataviz-chart-donut-gold-pattern: var(--mode-color-colorcode-yellow-harsh);
  --dataviz-chart-donut-lime-bg-alt: var(--mode-color-colorcode-lime-faint);
  --dataviz-chart-donut-lime-bg-default: var(--mode-color-colorcode-lime-harsh);
  --dataviz-chart-donut-lime-border: var(--mode-color-colorcode-lime-harsh);
  --dataviz-chart-donut-lime-pattern: var(--mode-color-colorcode-lime-harsh);
  --dataviz-chart-donut-green-bg-alt: var(--mode-color-colorcode-green-faint);
  --dataviz-chart-donut-green-bg-default: var(--mode-color-colorcode-green-harsh);
  --dataviz-chart-donut-green-border: var(--mode-color-colorcode-green-harsh);
  --dataviz-chart-donut-green-pattern: var(--mode-color-colorcode-green-harsh);
  --dataviz-chart-donut-teal-bg-alt: var(--mode-color-colorcode-teal-faint);
  --dataviz-chart-donut-teal-bg-default: var(--mode-color-colorcode-teal-soft);
  --dataviz-chart-donut-teal-border: var(--mode-color-colorcode-teal-soft);
  --dataviz-chart-donut-teal-pattern: var(--mode-color-colorcode-teal-soft);
  --dataviz-chart-donut-blue-bg-alt: var(--mode-color-colorcode-blue-faint);
  --dataviz-chart-donut-blue-bg-default: var(--mode-color-colorcode-blue-soft);
  --dataviz-chart-donut-blue-border: var(--mode-color-colorcode-blue-soft);
  --dataviz-chart-donut-blue-pattern: var(--mode-color-colorcode-blue-soft);
  --dataviz-chart-donut-navy-bg-alt: var(--mode-color-colorcode-blue-faint);
  --dataviz-chart-donut-navy-bg-default: var(--mode-color-colorcode-blue-intense);
  --dataviz-chart-donut-navy-border: var(--mode-color-colorcode-blue-intense);
  --dataviz-chart-donut-navy-pattern: var(--mode-color-colorcode-blue-intense);
  --dataviz-chart-donut-purple-bg-alt: var(--mode-color-colorcode-purple-faint);
  --dataviz-chart-donut-purple-bg-default: var(--mode-color-colorcode-purple-intense);
  --dataviz-chart-donut-purple-border: var(--mode-color-colorcode-purple-intense);
  --dataviz-chart-donut-purple-pattern: var(--mode-color-colorcode-purple-intense);
  --dataviz-chart-donut-slate-bg-alt: var(--mode-color-colorcode-slate-faint);
  --dataviz-chart-donut-slate-bg-default: var(--mode-color-colorcode-slate-intense);
  --dataviz-chart-donut-slate-border: var(--mode-color-colorcode-slate-intense);
  --dataviz-chart-donut-slate-pattern: var(--mode-color-colorcode-slate-intense);
  --dataviz-chart-line-fuchsia: var(--mode-color-colorcode-pink-intense);
  --dataviz-chart-line-red: var(--mode-color-colorcode-red-intense);
  --dataviz-chart-line-pink: var(--mode-color-colorcode-red-soft);
  --dataviz-chart-line-orange: var(--mode-color-colorcode-orange-harsh);
  --dataviz-chart-line-gold: var(--mode-color-colorcode-yellow-harsh);
  --dataviz-chart-line-lime: var(--mode-color-colorcode-lime-harsh);
  --dataviz-chart-line-green: var(--mode-color-colorcode-green-harsh);
  --dataviz-chart-line-teal: var(--mode-color-colorcode-teal-soft);
  --dataviz-chart-line-blue: var(--mode-color-colorcode-blue-soft);
  --dataviz-chart-line-navy: var(--mode-color-colorcode-blue-intense);
  --dataviz-chart-line-purple: var(--mode-color-colorcode-purple-intense);
  --dataviz-chart-line-slate: var(--mode-color-colorcode-slate-intense);
  --dataviz-generic-label-alt: var(--mode-color-generic-txt-inverse-extreme);
  --dataviz-generic-label-default: var(--mode-color-generic-txt-extreme);
  --dataviz-generic-pending-bg-default: var(--mode-color-generic-bg-nought);
  --dataviz-generic-blue-bg-alt: var(--mode-color-colorcode-blue-harsh);
  --dataviz-generic-blue-bg-default: var(--mode-color-colorcode-blue-faint);
  --dataviz-generic-blue-border: var(--mode-color-colorcode-blue-harsh);
  --dataviz-generic-blue-pattern: var(--mode-color-colorcode-blue-harsh);
  --dataviz-generic-teal-bg-alt: var(--mode-color-colorcode-teal-harsh);
  --dataviz-generic-teal-bg-default: var(--mode-color-colorcode-teal-faint);
  --dataviz-generic-teal-border: var(--mode-color-colorcode-teal-harsh);
  --dataviz-generic-teal-pattern: var(--mode-color-colorcode-teal-harsh);
  --dataviz-generic-green-bg-alt: var(--mode-color-colorcode-green-harsh);
  --dataviz-generic-green-bg-default: var(--mode-color-colorcode-green-faint);
  --dataviz-generic-green-border: var(--mode-color-colorcode-green-harsh);
  --dataviz-generic-green-pattern: var(--mode-color-colorcode-green-harsh);
  --dataviz-generic-lime-bg-alt: var(--mode-color-colorcode-lime-harsh);
  --dataviz-generic-lime-bg-default: var(--mode-color-colorcode-lime-faint);
  --dataviz-generic-lime-border: var(--mode-color-colorcode-lime-harsh);
  --dataviz-generic-lime-pattern: var(--mode-color-colorcode-lime-harsh);
  --dataviz-generic-orange-bg-alt: var(--mode-color-colorcode-orange-harsh);
  --dataviz-generic-orange-bg-default: var(--mode-color-colorcode-orange-faint);
  --dataviz-generic-orange-border: var(--mode-color-colorcode-orange-harsh);
  --dataviz-generic-orange-pattern: var(--mode-color-colorcode-orange-harsh);
  --dataviz-generic-red-bg-alt: var(--mode-color-colorcode-red-harsh);
  --dataviz-generic-red-bg-default: var(--mode-color-colorcode-red-faint);
  --dataviz-generic-red-border: var(--mode-color-colorcode-red-harsh);
  --dataviz-generic-red-pattern: var(--mode-color-colorcode-red-harsh);
  --dataviz-generic-pink-bg-alt: var(--mode-color-colorcode-pink-harsh);
  --dataviz-generic-pink-bg-default: var(--mode-color-colorcode-pink-faint);
  --dataviz-generic-pink-border: var(--mode-color-colorcode-pink-harsh);
  --dataviz-generic-pink-pattern: var(--mode-color-colorcode-pink-harsh);
  --dataviz-generic-purple-bg-alt: var(--mode-color-colorcode-purple-harsh);
  --dataviz-generic-purple-bg-default: var(--mode-color-colorcode-purple-faint);
  --dataviz-generic-purple-border: var(--mode-color-colorcode-purple-harsh);
  --dataviz-generic-purple-pattern: var(--mode-color-colorcode-purple-harsh);
  --dataviz-generic-gray-bg-alt: var(--mode-color-colorcode-gray-harsh);
  --dataviz-generic-gray-bg-default: var(--mode-color-colorcode-gray-faint);
  --dataviz-generic-gray-border: var(--mode-color-colorcode-gray-harsh);
  --dataviz-generic-gray-pattern: var(--mode-color-colorcode-gray-harsh);
  --dataviz-generic-slate-bg-alt: var(--mode-color-colorcode-slate-harsh);
  --dataviz-generic-slate-bg-default: var(--mode-color-colorcode-slate-faint);
  --dataviz-generic-slate-border: var(--mode-color-colorcode-slate-harsh);
  --dataviz-generic-slate-pattern: var(--mode-color-colorcode-slate-harsh);
}