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

.ep-theme-fuse-carson {
  --fuse-_color-red: #e7665b;
  --fuse-_color-carson-10: #f2f1f4;
  --fuse-_color-carson-20: #e5e3e9;
  --fuse-_color-carson-30: #cbc6d1;
  --fuse-_color-carson-40: #b1a9ba;
  --fuse-_color-carson-50: #988ea4;
  --fuse-_color-carson-60: #7e718d;
  --fuse-_color-carson-70: #62586e;
  --fuse-_color-carson-80: #493e56;
  --fuse-_color-carson-90: #392e47;
  --fuse-_color-carson-100: #1e112e;
  --fuse-color-background: var(--fuse-_color-carson-100);
  --fuse-color-background-neutral-cool: var(--fuse-_color-carson-90);
  --fuse-color-background-neutral-warm: var(--fuse-_color-carson-90);
  --fuse-color-background-inverse: var(--fuse-_color-carson-10);
  --fuse-color-background-inverse-strong: var(--fuse-_color-white);
  --fuse-color-background-accent-brand: var(--fuse-_color-purple-90);
  --fuse-color-background-accent-brand-strong: var(--fuse-_color-purple-80);
  --fuse-color-background-accent-primary: var(--fuse-_color-mint-90);
  --fuse-color-background-accent-primary-strong: var(--fuse-_color-mint-80);
  --fuse-color-background-accent-secondary: var(--fuse-_color-orange-90);
  --fuse-color-background-accent-secondary-strong: var(--fuse-_color-orange-80);
  --fuse-color-background-accent-tertiary: var(--fuse-_color-rose-90);
  --fuse-color-background-accent-tertiary-strong: var(--fuse-_color-rose-80);
  --fuse-color-background-interactive: var(--fuse-_color-white); /** For primary buttons and ratings. */
  --fuse-color-background-interactive-hover: var(--fuse-_color-carson-20); /** For the hover state of primary buttons. */
  --fuse-color-background-interactive-pressed: var(--fuse-_color-white); /** For the pressed/active state of primary buttons. */
  --fuse-color-background-interactive-selected: var(--fuse-_color-white); /** For the selected state of primary buttons. */
  --fuse-color-background-interactive-disabled: var(--fuse-_color-carson-80); /** For the disabled state of primary buttons. */
  --fuse-color-background-interactive-weak: var(--fuse-_color-carson-90); /** For clickable elements with reduced emphasis. */
  --fuse-color-background-interactive-weak-hover: var(--fuse-_color-carson-80); /** For the hover state of clickable elements with reduced emphasis. */
  --fuse-color-background-interactive-weak-pressed: var(--fuse-_color-carson-70); /** For the pressed/active state of clickable elements with reduced emphasis. */
  --fuse-color-background-interactive-weak-selected: var(--fuse-_color-carson-80); /** For the selected state of clickable elements with reduced emphasis. */
  --fuse-color-background-interactive-weak-disabled: var(--fuse-_color-carson-80); /** For the disabled state of clickable elements with reduced emphasis. */
  --fuse-color-text: var(--fuse-_color-white); /** Our default text color on a dark background. */
  --fuse-color-text-weak: var(--fuse-_color-carson-30); /** For text with less emphasis. */
  --fuse-color-text-weaker: var(--fuse-_color-carson-30); /** For text with the least emphasis. */
  --fuse-color-text-inverse: var(--fuse-_color-black); /** Our default text color on light backgrounds. */
  --fuse-color-text-inverse-weak: var(--fuse-_color-carson-70); /** A weaker variant of our text color on light backgrounds. */
  --fuse-color-text-accent-brand: var(--fuse-_color-purple-30);
  --fuse-color-text-accent-brand-strong: var(--fuse-_color-purple-20);
  --fuse-color-text-accent-primary: var(--fuse-_color-mint-30);
  --fuse-color-text-accent-primary-strong: var(--fuse-_color-mint-20);
  --fuse-color-text-accent-secondary: var(--fuse-_color-orange-30);
  --fuse-color-text-accent-secondary-strong: var(--fuse-_color-orange-20);
  --fuse-color-text-accent-tertiary: var(--fuse-_color-rose-30);
  --fuse-color-text-accent-tertiary-strong: var(--fuse-_color-rose-20);
  --fuse-color-text-link: var(--fuse-_color-white); /** For buttons with dark backgrounds. */
  --fuse-color-text-link-hover: var(--fuse-_color-white); /** For the hover state of buttons with dark backgrounds. */
  --fuse-color-text-link-pressed: var(--fuse-_color-white); /** For the pressed/active state of buttons with dark backgrounds. */
  --fuse-color-text-link-disabled: var(--fuse-_color-carson-50); /** For the disabled state of buttons with dark backgrounds. */
  --fuse-color-text-link-inverse: var(--fuse-_color-black); /** For buttons with light backgrounds. */
  --fuse-color-text-disabled: var(--fuse-_color-carson-40); /** For disabled text, such as on buttons. */
  --fuse-color-text-feedback-success: var(--fuse-_color-mint-40); /** For success messages. */
  --fuse-color-border: var(--fuse-_color-carson-80); /** Our default border color. */
  --fuse-color-border-hover: var(--fuse-_color-carson-70); /** For the hover state of elements with a border. */
  --fuse-color-border-selected: var(--fuse-_color-white); /** For the selected state of elements with a border. */
  --fuse-color-border-strong: var(--fuse-_color-carson-60); /** A darker variant of our default border color, commonly used for form elements. */
  --fuse-color-border-stronger: var(--fuse-_color-carson-40); /** An extra dark variant of our default border color. */
  --fuse-color-border-strongest: var(--fuse-_color-white); /** The darkest variant of our default border color. */
  --fuse-color-border-inverse: var(--fuse-_color-carson-50);
  --fuse-color-border-focus-brand: var(--fuse-_color-white); /** An alternative focus color, typically used with purple buttons. */
  --fuse-color-border-focus-contrast: var(--fuse-_color-black); /** For adding contrast between an element and its focus ring */
  --fuse-color-border-interactive: var(--fuse-_color-carson-90); /** Our default border for buttons. */
  --fuse-color-border-interactive-disabled: var(--fuse-_color-carson-50); /** For the disabled state of our default border for buttons. */
  --fuse-color-border-feedback-info: var(--fuse-_color-carson-50); /** For elements containing informational messages. */
  --fuse-color-icon: var(--fuse-_color-white); /** Our default color for icons. */
  --fuse-color-icon-inverse: var(--fuse-_color-black); /** Our default color for icons on light backgrounds. */
  --fuse-color-icon-weak: var(--fuse-_color-carson-30); /** For icons with less emphasis than our default color. */
  --fuse-color-icon-accent: var(--fuse-_color-purple-50); /** Our accent color variant for icons. */
  --fuse-color-icon-accent-strong: var(--fuse-_color-purple-40); /** A darker accent color variant for icons. */
  --fuse-color-icon-accent-inverse: var(--fuse-_color-purple-70); /** Our accent color variant for icons on light backgrounds. */
  --fuse-color-icon-feedback-info: var(--fuse-_color-carson-50); /** For icons paired with informational messages. */
}