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

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

:root {
  --nav-primary-bg-active: var(--mode-color-action-nav-active);
  --nav-primary-bg-default: var(--mode-color-action-nav-inverse-default);
  --nav-primary-bg-hover: var(--mode-color-action-nav-hover);
  --nav-primary-bg-child: var(--mode-color-action-nav-inverse-child);
  --nav-primary-bg-child-alt: var(--mode-color-action-nav-inverse-child-alt);
  --nav-primary-bg-selected: var(--mode-color-generic-fg-soft);
  --nav-primary-border-default: var(--mode-color-generic-fg-inverse-soft);
  --nav-primary-divider: var(--mode-color-generic-fg-inverse-firm);
  --nav-primary-label-active: var(--mode-color-action-nav-with-active);
  --nav-primary-label-default-alt: var(--mode-color-action-nav-inverse-with-default-alt);
  --nav-primary-label-hover: var(--mode-color-action-nav-with-hover);
  --nav-secondary-bg-active: var(--mode-color-action-nav-active);
  --nav-secondary-bg-default: var(--mode-color-action-nav-inverse-default-alt);
  --nav-secondary-bg-hover: var(--mode-color-action-nav-hover);
  --nav-secondary-bg-selected: var(--mode-color-generic-fg-soft);
  --nav-secondary-divider: var(--mode-color-generic-fg-inverse-firm);
  --nav-secondary-label-active: var(--mode-color-action-nav-with-active);
  --nav-secondary-label-hover: var(--mode-color-action-nav-with-hover);
  --nav-tertiary-bg-active: var(--mode-color-action-nav-active);
  --nav-tertiary-bg-default: var(--mode-color-generic-bg-nought);
  --nav-tertiary-bg-hover: var(--mode-color-action-nav-hover);
  --nav-tertiary-bg-child: var(--mode-color-action-nav-child);
  --nav-tertiary-bg-child-alt: var(--mode-color-action-nav-child-alt);
  --nav-tertiary-bg-selected: var(--mode-color-generic-fg-firm);
  --nav-tertiary-border-default: var(--mode-color-generic-fg-soft);
  --nav-tertiary-divider: var(--mode-color-generic-bg-soft);
  --nav-tertiary-label-active: var(--mode-color-action-nav-with-active);
  --nav-tertiary-label-hover: var(--mode-color-action-nav-with-hover);
  --nav-secondary-label-default-alt: var(--mode-color-generic-txt-inverse-moderate);
  --nav-tertiary-label-default-alt: var(--mode-color-generic-txt-moderate);
  --nav-primary-label-default: var(--mode-color-action-nav-inverse-with-default);
  --nav-secondary-label-default: var(--mode-color-action-nav-inverse-with-default);
  --nav-tertiary-label-default: var(--mode-color-action-nav-with-default);
}