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

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

:root {
  --container-size-dialog-maxwidth-s: 540px;
  --container-size-dialog-maxwidth-m: 850px;
  --container-size-dialog-maxwidth-l: 1080px;
  --container-size-fluid-items-2-xs: 80px;
  --container-size-fluid-items-xs: 128px;
  --container-size-fluid-items-s: 160px;
  --container-size-fluid-items-m: 200px;
  --container-size-fluid-items-l: 240px;
  --container-size-fluid-items-xl: 288px;
  --container-size-fluid-items-2-xl: 320px;
  --container-size-fluid-items-3-xl: 560px;
  --container-size-fluid-items-4-xl: 760px;
  --container-size-layout-maxwidth-s: 720px;
  --container-size-layout-maxwidth-m: 1200px;
  --container-size-layout-maxwidth-l: 1520px;
  --container-size-layout-maxwidth-xl: 1840px;
  --container-draggable-ghost: 0.5;
  --container-action-bg-footer-activated: var(--mode-color-status-positive-default);
  --container-action-bg-footer-active: var(--mode-color-action-grayscale-active);
  --container-action-border-activated: var(--mode-color-status-positive-default);
  --container-action-bg-footer-default: var(--mode-color-generic-surface-nought);
  --container-action-bg-default: var(--mode-color-generic-surface-nought);
  --container-action-bg-disabled: var(--mode-color-action-inactive-default-alt);
  --container-action-bg-hover: var(--mode-color-generic-bg-delicate);
  --container-action-border-active: var(--mode-color-action-grayscale-active);
  --container-action-border-alt: var(--mode-color-generic-fg-moderate);
  --container-action-border-inactive: var(--mode-color-generic-fg-firm);
  --container-action-border-default: var(--mode-color-generic-fg-firm);
  --container-action-icon-active: var(--mode-color-action-grayscale-active);
  --container-action-label-footer-active: var(--mode-color-action-grayscale-with-active);
  --container-action-label-footer-activated: var(--mode-color-action-grayscale-with-active);
  --container-action-txt-active: var(--mode-color-action-grayscale-active);
  --container-action-detailedicon-bg: var(--mode-color-status-custom-green-default);
  --container-action-target-bg-default: var(--mode-color-status-info-default);
  --container-scrollbar-bg-default: var(--mode-color-generic-bg-faint);
  --container-scrollbar-fg-default: var(--mode-color-generic-fg-firm);
  --container-scrollbar-inverse-bg-default: var(--mode-color-generic-bg-inverse-soft);
  --container-scrollbar-inverse-fg-default: var(--mode-color-generic-fg-inverse-firm);
  --container-standard-bg-alt: var(--mode-color-generic-surface-trace);
  --container-standard-bg-default: var(--mode-color-generic-surface-nought);
  --container-standard-bg-footer-default: var(--mode-color-generic-surface-trace);
  --container-standard-border-active: var(--mode-color-action-grayscale-active);
  --container-standard-border-alt: var(--mode-color-generic-fg-firm);
  --container-standard-border-default: var(--mode-color-generic-fg-soft);
  --container-standard-dimmer: var(--mode-color-action-inactive-mask);
  --container-standard-inverse-bg-alt: var(--mode-color-generic-bg-inverse-delicate);
  --container-standard-inverse-border-alt: var(--mode-color-generic-fg-inverse-firm);
  --container-standard-inverse-bg-default: var(--mode-color-generic-bg-inverse-nought);
  --container-standard-inverse-border-default: var(--mode-color-generic-fg-inverse-soft);
  --container-standard-priority-bg-caution: var(--mode-color-status-warning-default);
  --container-standard-priority-bg-negative: var(--mode-color-status-negative-default);
  --container-standard-priority-bg-prio: var(--mode-color-status-priority-default);
  --container-standard-priority-bg-info: var(--mode-color-status-info-default);
  --container-standard-priority-bg-neutral: var(--mode-color-status-neutral-default);
  --container-standard-priority-bg-positive: var(--mode-color-status-positive-default);
  --container-standard-priority-inverse-bg-caution: var(--mode-color-status-warning-inverse-default);
  --container-standard-priority-inverse-bg-negative: var(--mode-color-status-negative-inverse-default);
  --container-standard-priority-inverse-bg-prio: var(--mode-color-status-priority-inverse-default);
  --container-standard-priority-inverse-bg-info: var(--mode-color-status-info-inverse-default);
  --container-standard-priority-inverse-bg-neutral: var(--mode-color-status-neutral-inverse-default);
  --container-standard-priority-inverse-bg-positive: var(--mode-color-status-positive-inverse-default);
  --container-quote-border: var(--mode-color-action-main-default);
  --container-action-borderalt-hover: var(--mode-color-action-grayscale-default);
  --container-action-icon-default: var(--mode-color-action-grayscale-default);
  --container-action-icon-alt-default: var(--mode-color-action-grayscale-default-alt);
  --container-action-icon-hover: var(--mode-color-action-grayscale-default);
  --container-action-txt-default: var(--mode-color-generic-txt-severe);
  --container-action-txt-alt-default: var(--mode-color-generic-txt-moderate);
  --container-action-txt-hover: var(--mode-color-action-grayscale-default);
  --container-standard-border-ai-h: var(--mode-color-status-ai-inverse-default-horizontal);
  --container-standard-border-ai-v: var(--mode-color-status-ai-inverse-default-vertical);
  --container-standard-txt-alt: var(--mode-color-generic-txt-moderate);
  --container-standard-txt-default: var(--mode-color-generic-txt-severe);
  --container-standard-icon: var(--mode-color-generic-txt-severe);
  --container-standard-inverse-txt-alt: var(--mode-color-generic-txt-inverse-moderate);
  --container-standard-inverse-txt-default: var(--mode-color-generic-txt-inverse-severe);
  --container-standard-inverse-icon: var(--mode-color-generic-txt-inverse-severe);
  --container-standard-priority-bg-ai: var(--mode-color-status-ai-inverse-default-vertical);
  --container-standard-priority-inverse-bg-ai: var(--mode-color-status-ai-inverse-default-vertical);
  --container-action-txt-disabled: var(--mode-color-action-inactive-txt);
}