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

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

:root {
  --mode-color-none: #fff0;
  --mode-color-ai-stop-1: #00d639;
  --mode-color-ai-stop-2: #00d6de;
  --mode-color-ai-stop-3: #9d60ff;
  --mode-color-ai-alt-stop-1: #00d639;
  --mode-color-ai-alt-stop-2: #00d6de;
  --mode-color-ai-alt-stop-3: #9d60ff;
  --mode-color-brand-default: #00d639;
  --mode-color-brand-default-alt: #FFFFFF;
  --mode-color-brand-with-default-alt: #000000;
  --mode-color-brand-inverse-default: #000000;
  --mode-color-brand-inverse-default-alt: #000000;
  --mode-color-brand-inverse-with-default-alt: #FFFFFF;
  --mode-color-brand-copilot-default: #FFFFFF;
  --mode-color-brand-copilot-with-default: #00d639;
  --mode-color-brand-copilot-monochrome: #FFFFFF;
  --mode-color-brand-copilot-inverse-default: #000000;
  --mode-color-brand-copilot-inverse-monochrome: #000000;
  --mode-color-brand-copilot-inverse-with-default: #00d639;
  --mode-color-colorcode-blue-intense: #58a2ff;
  --mode-color-colorcode-blue-harsh: #007fd9;
  --mode-color-colorcode-blue-soft: #0063ad;
  --mode-color-colorcode-blue-faint: #001932;
  --mode-color-colorcode-teal-intense: #25B2B0;
  --mode-color-colorcode-teal-harsh: #008B8A;
  --mode-color-colorcode-teal-soft: #006D6C;
  --mode-color-colorcode-teal-faint: #001C1C;
  --mode-color-colorcode-green-intense: #30b843;
  --mode-color-colorcode-green-harsh: #019127;
  --mode-color-colorcode-green-soft: #007219;
  --mode-color-colorcode-green-faint: #001f03;
  --mode-color-colorcode-lime-intense: #92aa3c;
  --mode-color-colorcode-lime-harsh: #718524;
  --mode-color-colorcode-lime-soft: #576900;
  --mode-color-colorcode-lime-faint: #141a00;
  --mode-color-colorcode-orange-intense: #f68029;
  --mode-color-colorcode-orange-harsh: #e24300;
  --mode-color-colorcode-orange-soft: #b33400;
  --mode-color-colorcode-orange-faint: #360900;
  --mode-color-colorcode-red-intense: #ff728d;
  --mode-color-colorcode-red-harsh: #f50059;
  --mode-color-colorcode-red-soft: #c40044;
  --mode-color-colorcode-red-faint: #3c000f;
  --mode-color-colorcode-pink-intense: #f571c7;
  --mode-color-colorcode-pink-harsh: #d046a4;
  --mode-color-colorcode-pink-soft: #b02086;
  --mode-color-colorcode-pink-faint: #350426;
  --mode-color-colorcode-purple-intense: #b190e8;
  --mode-color-colorcode-purple-harsh: #9463d7;
  --mode-color-colorcode-purple-soft: #803ec5;
  --mode-color-colorcode-purple-faint: #220c3a;
  --mode-color-colorcode-slate-intense: #e8eaec;
  --mode-color-colorcode-slate-harsh: #bac1c7;
  --mode-color-colorcode-slate-soft: #475a6a;
  --mode-color-colorcode-slate-faint: #253b4e;
  --mode-color-colorcode-gray-intense: #eeeeee;
  --mode-color-colorcode-gray-harsh: #8b8b8b;
  --mode-color-colorcode-gray-soft: #616161;
  --mode-color-colorcode-gray-faint: #181818;
  --mode-color-colorcode-yellow-intense: #ffd274;
  --mode-color-colorcode-yellow-harsh: #ffbf22;
  --mode-color-colorcode-yellow-soft: #926709;
  --mode-color-colorcode-yellow-faint: #231500;
  --mode-color-generic-bg-nought: #000000;
  --mode-color-generic-bg-faint: #ffffff0d;
  --mode-color-generic-bg-delicate: #ffffff1a;
  --mode-color-generic-bg-soft: #ffffff26;
  --mode-color-generic-bg-inverse-nought: #FFFFFF;
  --mode-color-generic-bg-inverse-faint: #f4f5f6;
  --mode-color-generic-bg-inverse-delicate: #e8eaec;
  --mode-color-generic-bg-inverse-soft: #dde0e3;
  --mode-color-generic-depth-faint: #ffffff1a;
  --mode-color-generic-depth-delicate: #ffffff26;
  --mode-color-generic-depth-soft: #fff3;
  --mode-color-generic-txt-extreme: #FFFFFF;
  --mode-color-generic-txt-severe: #fffffff2;
  --mode-color-generic-txt-moderate: #ffffffab;
  --mode-color-generic-txt-soft: #ffffff8c;
  --mode-color-generic-txt-delicate: #ffffff6b;
  --mode-color-generic-txt-inverse-extreme: #000000;
  --mode-color-generic-txt-inverse-severe: #000000f2;
  --mode-color-generic-txt-inverse-moderate: #000000ab;
  --mode-color-generic-txt-inverse-soft: #0000008c;
  --mode-color-generic-txt-inverse-delicate: #0000006b;
  --mode-color-generic-fg-nought: #000000;
  --mode-color-generic-fg-soft: #505050;
  --mode-color-generic-fg-moderate: #616161;
  --mode-color-generic-fg-firm: #6f6f6f;
  --mode-color-generic-fg-inverse-nought: #FFFFFF;
  --mode-color-generic-fg-inverse-soft: #a3adb5;
  --mode-color-generic-fg-inverse-moderate: #8c98a2;
  --mode-color-generic-fg-inverse-firm: #75838f;
  --mode-color-generic-surface-nought: #000000;
  --mode-color-generic-surface-trace: #1b1b1b;
  --mode-color-generic-surface-faint: #3b3b3b;
  --mode-color-generic-surface-harsh: #d1d6da;
  --mode-color-generic-surface-severe: #e8eaec;
  --mode-color-generic-surface-acute: #f4f5f6;
  --mode-color-action-ai-grad-active: linear-gradient(90deg, #00d63926 0%, #00d6de26 40%, #9d60ff26 90%);
  --mode-color-action-ai-grad-hover: linear-gradient(90deg, #00d63914 0%, #00d6de14 40%, #9d60ff14 90%);
  --mode-color-action-ai-grad-default: linear-gradient(90deg, #00d639  0%, #00d6de 40%, #9d60ff 90%);
  --mode-color-action-ai-active-stop-1: #00d63926;
  --mode-color-action-ai-active-stop-2: #00d6de26;
  --mode-color-action-ai-active-stop-3: #9d60ff26;
  --mode-color-action-ai-hover-stop-1: #00d63914;
  --mode-color-action-ai-hover-stop-2: #00d6de14;
  --mode-color-action-ai-hover-stop-3: #9d60ff14;
  --mode-color-action-danger-active: #ff728d;
  --mode-color-action-danger-default: #f50059;
  --mode-color-action-danger-default-alt: #ff3e6a;
  --mode-color-action-danger-hover: #ff3e6a;
  --mode-color-action-danger-hover-alt: #f5005926;
  --mode-color-action-danger-hover-alt2: #ff728d;
  --mode-color-action-danger-with-active: #000000;
  --mode-color-action-danger-with-default: #000000;
  --mode-color-action-danger-inverse-active: #a30037;
  --mode-color-action-danger-inverse-default: #db004e;
  --mode-color-action-danger-inverse-default-alt: #c40044;
  --mode-color-action-danger-inverse-hover: #c40044;
  --mode-color-action-danger-inverse-hover-alt: #db004e26;
  --mode-color-action-danger-inverse-hover-alt2: #a30037;
  --mode-color-action-danger-inverse-with-active: #FFFFFF;
  --mode-color-action-danger-inverse-with-default: #FFFFFF;
  --mode-color-action-data-entry-default: #000000;
  --mode-color-action-data-entry-with-active: #FFFFFF;
  --mode-color-action-data-entry-with-active-alt: #000000;
  --mode-color-action-data-entry-with-hover: #FFFFFF;
  --mode-color-action-data-entry-hover-alt: #253b4e;
  --mode-color-action-data-entry-with-default: #a3adb5;
  --mode-color-action-data-entry-default-alt: #304658;
  --mode-color-action-data-entry-txt: #fffffff2;
  --mode-color-action-data-entry-txt-alt: #ffffff8c;
  --mode-color-action-data-entry-inverse-default: #FFFFFF;
  --mode-color-action-data-entry-inverse-with-default: #75838f;
  --mode-color-action-data-entry-inverse-txt: #000000f2;
  --mode-color-action-data-entry-inverse-txt-alt: #0000008c;
  --mode-color-action-focus-default: #FFB500;
  --mode-color-action-focus-txt: #FFFFFF;
  --mode-color-action-focus-with-default: #000000;
  --mode-color-action-focus-with-default-alt: #885e00;
  --mode-color-action-focus-inverse-default: #000000;
  --mode-color-action-focus-inverse-txt: #000000;
  --mode-color-action-focus-inverse-with-default: #FFB500;
  --mode-color-action-focus-inverse-with-default-alt: #ffd274;
  --mode-color-action-inactive-default: #ffffff4d;
  --mode-color-action-inactive-mask: #fff6;
  --mode-color-action-inactive-default-alt: #ffffff08;
  --mode-color-action-inactive-txt: #ffffff6b;
  --mode-color-action-inactive-txt-alt: #000000;
  --mode-color-action-inactive-icon: #ffffff6b;
  --mode-color-action-inactive-icon-alt: #ffffff8c;
  --mode-color-action-inactive-inverse-default: #0000004d;
  --mode-color-action-inactive-inverse-txt: #0000006b;
  --mode-color-action-inactive-inverse-txt-alt: #FFFFFF;
  --mode-color-action-grayscale-active: #FFFFFF;
  --mode-color-action-grayscale-active-alt: #ffffff26;
  --mode-color-action-grayscale-default: #ffffffeb;
  --mode-color-action-grayscale-default-alt: #ffffffab;
  --mode-color-action-grayscale-hover-alt: #ffffff1a;
  --mode-color-action-grayscale-hover: #ffffff26;
  --mode-color-action-grayscale-with-active: #000000;
  --mode-color-action-grayscale-with-active-alt: #FFFFFF;
  --mode-color-action-grayscale-with-default: #000000;
  --mode-color-action-grayscale-with-hover: #FFFFFF;
  --mode-color-action-grayscale-inverse-active: #000000;
  --mode-color-action-grayscale-inverse-active-alt: #00000026;
  --mode-color-action-grayscale-inverse-default: #181818;
  --mode-color-action-grayscale-inverse-default-alt: #000000ab;
  --mode-color-action-grayscale-inverse-hover-alt: #0000001a;
  --mode-color-action-grayscale-inverse-hover: #00000026;
  --mode-color-action-grayscale-inverse-with-active: #FFFFFF;
  --mode-color-action-grayscale-inverse-with-active-alt: #000000;
  --mode-color-action-grayscale-inverse-with-default: #FFFFFF;
  --mode-color-action-grayscale-inverse-with-hover: #000000;
  --mode-color-action-nav-active: #005e14;
  --mode-color-action-nav-default: #000000;
  --mode-color-action-nav-default-alt: #181818;
  --mode-color-action-nav-child: #505050;
  --mode-color-action-nav-child-alt: #616161;
  --mode-color-action-nav-hover: #007219;
  --mode-color-action-nav-with-active: #FFFFFF;
  --mode-color-action-nav-with-default: #fffffff2;
  --mode-color-action-nav-with-hover: #FFFFFF;
  --mode-color-action-nav-inverse-active: #005e14;
  --mode-color-action-nav-inverse-default: #FFFFFF;
  --mode-color-action-nav-inverse-default-alt: #f4f5f6;
  --mode-color-action-nav-inverse-child: #FFFFFF;
  --mode-color-action-nav-inverse-child-alt: #e8eaec;
  --mode-color-action-nav-inverse-hover: #007219;
  --mode-color-action-nav-inverse-with-active: #FFFFFF;
  --mode-color-action-nav-inverse-with-default: #000000f2;
  --mode-color-action-nav-inverse-with-default-alt: #000c;
  --mode-color-action-nav-inverse-with-hover: #FFFFFF;
  --mode-color-action-main-active: #42f355;
  --mode-color-action-main-active-alt: #3dda4c4d;
  --mode-color-action-main-default: #3dda4c;
  --mode-color-action-main-default-alt: #3dda4ccc;
  --mode-color-action-main-default-alt2: #00d639;
  --mode-color-action-main-default-alt3: #3dda4c08;
  --mode-color-action-main-hover: #42f355;
  --mode-color-action-main-hover-alt: #3dda4c26;
  --mode-color-action-main-hover-alt2: #00f142;
  --mode-color-action-main-with-active: #000000;
  --mode-color-action-main-with-default: #000000;
  --mode-color-action-main-with-hover: #000000;
  --mode-color-action-main-inverse-active: #005e14;
  --mode-color-action-main-inverse-active-alt: #00811f4d;
  --mode-color-action-main-inverse-default: #00811f;
  --mode-color-action-main-inverse-default-alt: #00811fcc;
  --mode-color-action-main-inverse-default-alt2: #007219;
  --mode-color-action-main-inverse-default-alt3: #00811f08;
  --mode-color-action-main-inverse-hover: #007219;
  --mode-color-action-main-inverse-hover-alt: #00811f26;
  --mode-color-action-main-inverse-hover-alt2: #005e14;
  --mode-color-action-main-inverse-with-active: #FFFFFF;
  --mode-color-action-main-inverse-with-default: #FFFFFF;
  --mode-color-action-main-inverse-with-hover: #FFFFFF;
  --mode-color-status-ai-default: #000000;
  --mode-color-status-ai-default-alt: #FFFFFF;
  --mode-color-status-ai-with-default-alt: #ffffff80;
  --mode-color-status-ai-default-horizontal: linear-gradient(90deg, #00d639  0%, #00d6de 40%, #9d60ff 90%);
  --mode-color-status-ai-default-vertical: linear-gradient(180deg, #00d639  0%, #00d6de 40%, #9d60ff 90%);
  --mode-color-status-ai-inverse-default-horizontal: linear-gradient(90deg, #00d639  0%, #00d6de 40%, #9d60ff 90%);
  --mode-color-status-ai-inverse-default-vertical: linear-gradient(180deg, #00d639  0%, #00d6de 40%, #9d60ff 90%);
  --mode-color-status-callout-default-alt: #001001;
  --mode-color-status-callout-hover-alt: #001e03;
  --mode-color-status-skeleton-stop-1: #a3adb5;
  --mode-color-status-skeleton-stop-2: #475a6a;
  --mode-color-status-warning-default: #e24300;
  --mode-color-status-warning-default-alt: #1d0300;
  --mode-color-status-warning-with-default-alt: #e2430080;
  --mode-color-status-warning-hover: #e5631c;
  --mode-color-status-warning-hover-alt: #360900;
  --mode-color-status-warning-txt: #e5631c;
  --mode-color-status-warning-inverse-default: #d64309;
  --mode-color-status-warning-inverse-default-alt: #fff7eb;
  --mode-color-status-warning-inverse-hover: #b33400;
  --mode-color-status-warning-inverse-hover-alt: #ffeaca;
  --mode-color-status-warning-inverse-txt: #b33400;
  --mode-color-status-txt-with-default: #000000;
  --mode-color-status-txt-with-default-alt: #fffffff2;
  --mode-color-status-txt-with-hover: #000000;
  --mode-color-status-txt-with-hover-alt: #FFFFFF;
  --mode-color-status-txt-loading: #747474;
  --mode-color-status-txt-inverse-with-default: #FFFFFF;
  --mode-color-status-txt-inverse-with-default-alt: #000000f2;
  --mode-color-status-txt-inverse-with-hover: #FFFFFF;
  --mode-color-status-txt-inverse-with-hover-alt: #000000;
  --mode-color-status-custom-blue-default: #007fd9;
  --mode-color-status-custom-blue-default-alt: #000b1c;
  --mode-color-status-custom-blue-hover: #008ef4;
  --mode-color-status-custom-blue-hover-alt: #001932;
  --mode-color-status-custom-teal-default: #008B8A;
  --mode-color-status-custom-teal-default-alt: #000E0E;
  --mode-color-status-custom-teal-hover: #009B99;
  --mode-color-status-custom-teal-hover-alt: #001C1C;
  --mode-color-status-custom-green-default: #019127;
  --mode-color-status-custom-green-default-alt: #001001;
  --mode-color-status-custom-green-hover: #1BA12B;
  --mode-color-status-custom-green-hover-alt: #001f03;
  --mode-color-status-custom-lime-default: #718524;
  --mode-color-status-custom-lime-default-alt: #0a0e00;
  --mode-color-status-custom-lime-hover: #7d9428;
  --mode-color-status-custom-lime-hover-alt: #141a00;
  --mode-color-status-custom-orange-default: #e24300;
  --mode-color-status-custom-orange-default-alt: #1d0300;
  --mode-color-status-custom-orange-hover: #e5631c;
  --mode-color-status-custom-orange-hover-alt: #360900;
  --mode-color-status-custom-orange-txt: #e24300;
  --mode-color-status-custom-red-default: #f50059;
  --mode-color-status-custom-red-default-alt: #1e0005;
  --mode-color-status-custom-red-hover: #ff3e6a;
  --mode-color-status-custom-red-hover-alt: #3c000f;
  --mode-color-status-custom-pink-default: #d046a4;
  --mode-color-status-custom-pink-default-alt: #1e0115;
  --mode-color-status-custom-pink-hover: #E84DB5;
  --mode-color-status-custom-pink-hover-alt: #350426;
  --mode-color-status-custom-purple-default: #9463d7;
  --mode-color-status-custom-purple-default-alt: #10041f;
  --mode-color-status-custom-purple-hover: #a375dd;
  --mode-color-status-custom-purple-hover-alt: #220c3a;
  --mode-color-status-custom-gray-default: #7c7c7c;
  --mode-color-status-custom-gray-default-alt: #0b0b0b;
  --mode-color-status-custom-gray-hover: #8b8b8b;
  --mode-color-status-custom-gray-hover-alt: #181818;
  --mode-color-status-custom-slate-default: #6a7986;
  --mode-color-status-custom-slate-default-alt: #253b4e;
  --mode-color-status-custom-slate-hover: #75838f;
  --mode-color-status-custom-slate-hover-alt: #304658;
  --mode-color-status-priority-default: #9463d7;
  --mode-color-status-priority-default-alt: #10041f;
  --mode-color-status-priority-hover: #a375dd;
  --mode-color-status-priority-hover-alt: #220c3a;
  --mode-color-status-priority-inverse-default: #8f4bd7;
  --mode-color-status-priority-inverse-default-alt: #f9f6ff;
  --mode-color-status-priority-inverse-hover: #803ec5;
  --mode-color-status-priority-inverse-hover-alt: #F3EBFE;
  --mode-color-status-inactive-default: #6f6f6f;
  --mode-color-status-inactive-with-default: #ffffff8c;
  --mode-color-status-inactive-inverse-default: #75838f;
  --mode-color-status-inactive-inverse-with-default: #0000008c;
  --mode-color-status-info-default: #007fd9;
  --mode-color-status-info-default-alt: #000b1c;
  --mode-color-status-info-with-default-alt: #007fd980;
  --mode-color-status-info-hover: #008ef4;
  --mode-color-status-info-hover-alt: #001932;
  --mode-color-status-info-inverse-default: #0071c3;
  --mode-color-status-info-inverse-default-alt: #f5f8ff;
  --mode-color-status-info-inverse-hover: #0063ad;
  --mode-color-status-info-inverse-hover-alt: #e4eeff;
  --mode-color-status-negative-default: #f50059;
  --mode-color-status-negative-default-alt: #1e0005;
  --mode-color-status-negative-hover: #ff3e6a;
  --mode-color-status-negative-hover-alt: #3c000f;
  --mode-color-status-negative-inverse-default: #db004e;
  --mode-color-status-negative-inverse-default-alt: #fff5f6;
  --mode-color-status-negative-inverse-hover: #c40044;
  --mode-color-status-negative-inverse-hover-alt: #ffe8ea;
  --mode-color-status-neutral-default: #7c7c7c;
  --mode-color-status-neutral-default-alt: #0b0b0b;
  --mode-color-status-neutral-hover: #8b8b8b;
  --mode-color-status-neutral-hover-alt: #181818;
  --mode-color-status-neutral-inverse-default: #6f6f6f;
  --mode-color-status-neutral-inverse-default-alt: #f8f8f8;
  --mode-color-status-neutral-inverse-hover: #616161;
  --mode-color-status-neutral-inverse-hover-alt: #eeeeee;
  --mode-color-status-positive-default: #019127;
  --mode-color-status-positive-default-alt: #001001;
  --mode-color-status-positive-with-default-alt: #01912780;
  --mode-color-status-positive-hover: #1BA12B;
  --mode-color-status-positive-hover-alt: #001f03;
  --mode-color-status-positive-inverse-default: #00811F;
  --mode-color-status-positive-inverse-default-alt: #EEFCEF;
  --mode-color-status-positive-inverse-hover: #007219;
  --mode-color-status-positive-inverse-hover-alt: #D1F6D6;
}