@atlassian/aui/dist/aui/aui-prototyping-darkmode.css.map

Atlassian User Interface library

{"version":3,"file":"aui-prototyping-darkmode.css","mappings":"AAEA,oBCoWQ,iBAAkB,CAKlB,wBACA,wBACA,wBAGA,wBACA,+BACA,iCACA,8BACA,8BACA,0BACA,qBACA,4BACA,oBACA,yBACA,0BAA2B,CAC3B,+BACA,gCACA,qCAAsC,CACtC,iCAGA,+BACA,mBAA0B,CAC1B,wBACA,8BACA,8BACA,+BACA,6BACA,+CAAgD,CAChD,mDAAoD,CACpD,4BAAmC,CACnC,iCAGA,+BACA,mCACA,yCACA,uCAGA,yBAGA,6BACA,+BACA,qCACA,uCACA,oCAAkD,CAClD,qCACA,sCAAoD,CACpD,uCACA,uCACA,yCACA,uCACA,uCAGA,6BACA,0BAGA,+BACA,iCACA,sCACA,wCACA,uCACA,yCACA,+CAA6D,CAC7D,gDACA,uCACA,yCACA,+CAA6D,CAC7D,gDACA,qCACA,uCACA,6CAA4D,CAC5D,8CACA,qCACA,uCACA,6CAA2D,CAC3D,8CACA,mCACA,qCACA,2CAA0D,CAC1D,4CAGA,oCACA,qCAAsC,CACtC,sCACA,oCACA,wCAAyC,CACzC,yCACA,uCACA,wCAAyC,CACzC,yCACA,qCACA,sCAAuC,CACvC,uCACA,sCACA,uCAAwC,CACxC,wCAGA,oCACA,sCACA,sCACA,wCACA,2CACA,6CAGA,gDAAiD,CACjD,8BACA,iCACA,iCACA,+BAGA,sCACA,wCACA,4CACA,6CACA,+CACA,+CACA,iDACA,+CACA,iDACA,sCACA,wCACA,4CACA,6CACA,+CACA,kFAAmF,CACnF,sFAAuF,CACvF,sCACA,wCACA,4CACA,6CACA,+CACA,+CACA,iDACA,qCACA,uCACA,2CACA,4CACA,8CACA,8CACA,gDACA,iCAAwC,CACxC,uCAGA,+BACA,+BACA,6BACA,mCACA,yCACA,2CAGA,0CACA,mDACA,oCACA,oCACA,0CACA,2CACA,6CACA,8CACA,sCACA,4CACA,4CACA,0CACA,0EAA2E,CAC3E,wCACA,wCACA,mCACA,uCACA,yCACA,kDACA,uCACA,qCACA,mCACA,gCAGA,6CACA,iDACA,+CAGA,6CACA,6CACA,oCACA,oCAGA,4CACA,gDACA,8CACA,4CACA,gDAGA,sCACA,4CACA,kCACA,8BACA,oCACA,8CACA,gCACA,iCAGA,2CACA,4CACA,8CAGA,gCACA,wCAGA,4BAGA,wCACA,+CAGA,iCACA,mCACA,8CACA,8CACA,+CACA,+CACA,+CACA,8CAAqD,CACrD,+CACA,2DACA,oFAAqF,CACrF,oFAAqF,CACrF,qDAGA,iCACA,wCACA,+BACA,2CACA,yCACA,uCACA,sCAAuC,CAGvC,oCACA,kCACA,wCACA,2CACA,yCAGA,kDACA,kGAAmG,CACnG,uDACA,gFAAiF,CACjF,kFAAmF,CACnF,iDACA,sDAGA,8BAAqC,CACrC,mCACA,iCAAwC,CACxC,uCACA,iCACA,qCACA,uCACA,yCACA,0CACA,8CACA,6CACA,iDACA,+CACA,4CAAmD,CACnD,mDACA,iDAGA,oDACA,mDACA,mFAAoF,CACpF,4EAA6E,CAC7E,+CACA,iDACA,+CACA,kDACA,+CACA,8CAGA,gCACA,oCAGA,6CACA,sCACA,wCACA,4CACA,8CACA,6CACA,+CACA,oEAAqE,CACrE,oEAAqE,CACrE,wEAAyE,CACzE,wDAAyD,CAGzD,8BACA,kCACA,uDAAwD,CACxD,6CACA,+CACA,+CACA,4CACA,yDAA0D,CAC1D,iEAAkE,CAGlE,wCACA,6CACA,0CACA,4CACA,qDACA,sCAA6C,CAC7C,2CACA,+CACA,iDACA,kDACA,oDACA,mDAA0D,CAC1D,wDACA,6CACA,wCDtaR","sources":["webpack:///../src/less/aui-dark-mode.less","webpack:///../src/less/imports/aui-theme/core/colors.less"],"sourcesContent":["@import (reference) './imports/global';\n\nbody.aui-theme-dark {\n    #aui-themes.dark();\n}\n","// This file is used to generate table at aui-colors.hbs; therefore its format\n// is very particular: all sections should match; every section should have a\n// header comment; order and names of variables in sections should match\n// between themes. When modifying, make sure the docs build works.\n#aui-themes {\n    .light() {\n        color-scheme: light;\n        @import (reference) '../adg/adg-colors';\n        @import (reference) '../adg/adg-neutral-light';\n\n        // Shadows and backgrounds\n        --aui-shadow1: @ak-color-N40A;\n        --aui-shadow2: @ak-color-N50A;\n        --aui-blanket: rgba(@ak-color-N800, 0.45);\n\n        // Page\n        --aui-body-text: @ak-color-N800;\n        --aui-lesser-body-text: @ak-color-N300;\n        --aui-lesser-header-text: @ak-color-N200;\n        --aui-body-background: @ak-color-N20;\n        --aui-page-background: @ak-color-N0;\n        --aui-page-border: @ak-color-N40;\n        --aui-border: @ak-color-N40;\n        --aui-border-strong: @ak-color-N100;\n        --aui-focus: @ak-color-B200;\n        --aui-link-color: @ak-color-B400;\n        --aui-link-decoration: none;\n        --aui-link-hover-color: @ak-color-B300;\n        --aui-link-active-color: @ak-color-B500;\n        --aui-link-hover-decoration: underline;\n        --aui-link-visited-color: @ak-color-P500;\n\n        // \"Item\" pattern - used for navigation, buttons, dropdown options, pagination, and similar.\n        --aui-itemheading-text: @ak-color-N300;\n        --aui-item-bg: transparent;\n        --aui-item-text: @ak-color-N500;\n        --aui-item-focus-bg: @ak-color-N30A;\n        --aui-item-focus-text: @ak-color-N500;\n        --aui-item-active-text: @ak-color-B400;\n        --aui-item-active-bg: @ak-color-B50;\n        --aui-item-selected-bg: var(--aui-item-focus-bg);\n        --aui-item-selected-text: var(--aui-item-focus-text);\n        --aui-item-disabled-bg: transparent;\n        --aui-item-disabled-text: @ak-color-N100;\n\n        // Tooltips\n        --aui-tooltip-bg-color: @ak-color-N800;\n        --aui-tooltip-border-color: @ak-color-N800;\n        --aui-tooltip-content-text-color: @ak-color-N0;\n        --aui-tooltip-title-text-color: @ak-color-N0;\n\n        // Help text and onboarding messaging\n        --aui-help-color: @ak-color-P400;\n\n        // Badges\n        --aui-badge-bg-color: @ak-color-N40A;\n        --aui-badge-text-color: @ak-color-N800;\n        --aui-badge-primary-bg-color: @ak-color-B400;\n        --aui-badge-primary-text-color: @ak-color-N0;\n        --aui-badge-added-bg-color: @ak-color-G50;\n        --aui-badge-added-text-color: @ak-color-G500;\n        --aui-badge-removed-bg-color: @ak-color-R50;\n        --aui-badge-removed-text-color: @ak-color-R500;\n        --aui-badge-important-bg-color: @ak-color-R400;\n        --aui-badge-important-text-color: @ak-color-N0;\n        --aui-badge-on-blue-text-color: @ak-color-N0;\n        --aui-badge-on-blue-bg-color: rgba(@ak-color-N0, 0.25);\n\n        // Avatars\n        --aui-avatar-outline: @ak-color-N0;\n        --aui-avatar-text: @ak-color-N100;\n\n        // Lozenges\n        --aui-lozenge-bg-color: @ak-color-N500;\n        --aui-lozenge-text-color: @ak-color-N0;\n        --aui-lozenge-subtle-bg-color: @ak-color-N40;\n        --aui-lozenge-subtle-text-color: @ak-color-N500;\n        --aui-lozenge-success-bg-color: @ak-color-G400;\n        --aui-lozenge-success-text-color: @ak-color-N0;\n        --aui-lozenge-success-subtle-bg-color: @ak-color-G50;\n        --aui-lozenge-success-subtle-text-color: @ak-color-G500;\n        --aui-lozenge-current-bg-color: @ak-color-B400;\n        --aui-lozenge-current-text-color: @ak-color-N0;\n        --aui-lozenge-current-subtle-bg-color: @ak-color-B50;\n        --aui-lozenge-current-subtle-text-color: @ak-color-B500;\n        --aui-lozenge-moved-bg-color: @ak-color-Y400;\n        --aui-lozenge-moved-text-color: @ak-color-N800;\n        --aui-lozenge-moved-subtle-bg-color: @ak-color-Y75;\n        --aui-lozenge-moved-subtle-text-color: @ak-color-N800;\n        --aui-lozenge-error-bg-color: @ak-color-R500;\n        --aui-lozenge-error-text-color: @ak-color-N0;\n        --aui-lozenge-error-subtle-bg-color: @ak-color-R50;\n        --aui-lozenge-error-subtle-text-color: @ak-color-R500;\n        --aui-lozenge-new-bg-color: @ak-color-P400;\n        --aui-lozenge-new-text-color: @ak-color-N0;\n        --aui-lozenge-new-subtle-bg-color: @ak-color-P50;\n        --aui-lozenge-new-subtle-text-color: @ak-color-P500;\n\n        // Messages\n        --aui-message-info-bg-color: @ak-color-B50;\n        --aui-message-info-icon-color: @ak-color-B400;\n        --aui-message-info-text-color: @ak-color-N600;\n        --aui-message-success-bg-color: @ak-color-G50;\n        --aui-message-success-icon-color: @ak-color-G400;\n        --aui-message-success-text-color: @ak-color-N600;\n        --aui-message-warning-bg-color: @ak-color-Y50;\n        --aui-message-warning-icon-color: @ak-color-Y400;\n        --aui-message-warning-text-color: @ak-color-N600;\n        --aui-message-error-bg-color: @ak-color-R50;\n        --aui-message-error-icon-color: @ak-color-R400;\n        --aui-message-error-text-color: @ak-color-N600;\n        --aui-message-change-bg-color: @ak-color-P50;\n        --aui-message-change-icon-color: @ak-color-P400;\n        --aui-message-change-text-color: @ak-color-N600;\n\n        // Banners\n        --aui-banner-error-bg-color: @ak-color-R400;\n        --aui-banner-error-text-color: @ak-color-N0;\n        --aui-banner-warning-bg-color: @ak-color-Y300;\n        --aui-banner-warning-text-color: @ak-color-N700;\n        --aui-banner-announcement-bg-color: @ak-color-N500;\n        --aui-banner-announcement-text-color: @ak-color-N0;\n\n        // Flags\n        --aui-flag-bg-color: var(--aui-dropdown-bg-color); // see also: inline dialogs\n        --aui-flag-info-color: @ak-color-B400;\n        --aui-flag-success-color: @ak-color-G300;\n        --aui-flag-warning-color: @ak-color-Y300;\n        --aui-flag-error-color: @ak-color-R300;\n\n        // Buttons\n        --aui-button-default-bg-color: @ak-color-N30A;\n        --aui-button-default-text-color: @ak-color-N600;\n        --aui-button-default-hover-bg-color: @ak-color-N40A;\n        --aui-button-default-active-bg-color: @ak-color-B50;\n        --aui-button-default-active-text-color: @ak-color-B400;\n        --aui-button-default-selected-bg-color: @ak-color-N600;\n        --aui-button-default-selected-text-color: @ak-color-N0;\n        --aui-button-default-disabled-bg-color: @ak-color-N20A;\n        --aui-button-default-disabled-text-color: @ak-color-N70;\n        --aui-button-primary-bg-color: @ak-color-B400;\n        --aui-button-primary-text-color: @ak-color-N0;\n        --aui-button-primary-hover-bg-color: @ak-color-B300;\n        --aui-button-primary-active-bg-color: @ak-color-B400;\n        --aui-button-primary-active-text-color: @ak-color-N0;\n        --aui-button-primary-disabled-bg-color: var(--aui-button-default-disabled-bg-color);\n        --aui-button-primary-disabled-text-color: var(--aui-button-default-disabled-text-color);\n        --aui-button-warning-bg-color: @ak-color-Y300;\n        --aui-button-warning-text-color: @ak-color-N800;\n        --aui-button-warning-hover-bg-color: @ak-color-Y500;\n        --aui-button-warning-active-bg-color: darken(@ak-color-Y500, 10%);\n        --aui-button-warning-active-text-color: @ak-color-N800;\n        --aui-button-warning-selected-bg-color: @ak-color-Y500;\n        --aui-button-warning-selected-text-color: @ak-color-N800;\n        --aui-button-danger-bg-color: @ak-color-R500;\n        --aui-button-danger-text-color: @ak-color-N0;\n        --aui-button-danger-hover-bg-color: darken(@ak-color-R500, 10%);\n        --aui-button-danger-active-bg-color: darken(@ak-color-R500, 20%);\n        --aui-button-danger-active-text-color: @ak-color-N0;\n        --aui-button-danger-selected-bg-color: darken(@ak-color-R500, 10%);\n        --aui-button-danger-selected-text-color: @ak-color-N0;\n        --aui-button-light-bg-color: @ak-color-N0;\n        --aui-button-subtle-text-color: @ak-color-N600;\n\n        // \"Labels\" (e.g., page tags, selected values in components, etc.)\n        --aui-label-text-color: inherit;\n        --aui-label-link-color: inherit;\n        --aui-label-bg-color: @ak-color-N20;\n        --aui-label-hover-bg-color: @ak-color-N20;\n        --aui-label-close-hover-bg-color: @ak-color-R50;\n        --aui-label-close-hover-text-color: @ak-color-R500;\n\n        // Forms\n        --aui-form-placeholder-text-color: @ak-color-N300;\n        --aui-form-placeholder-disabled-text-color: @ak-color-N70;\n        --aui-form-label-text-color: @ak-color-N200;\n        --aui-form-error-text-color: @ak-color-R400;\n        --aui-form-description-text-color: @ak-color-N200;\n        --aui-form-disabled-field-bg-color: @ak-color-N20;\n        --aui-form-disabled-field-text-color: @ak-color-N80;\n        --aui-form-disabled-field-label-color: @ak-color-N80;\n        --aui-form-field-border-color: @ak-color-N40;\n        --aui-form-field-hover-border-color: @ak-color-N40;\n        --aui-form-field-default-text-color: @ak-color-N800;\n        --aui-form-field-default-bg-color: @ak-color-N10;\n        --aui-form-field-hover-text-color: var(--aui-form-field-default-text-color);\n        --aui-form-field-hover-bg-color: @ak-color-N30;\n        --aui-form-field-focus-bg-color: @ak-color-N0;\n        --aui-form-select-bg-color: @ak-color-N30;\n        --aui-form-select-border-color: @ak-color-N30;\n        --aui-form-select-hover-bg-color: @ak-color-N40;\n        --aui-form-checkbox-radio-active-bg-color: @ak-color-B50;\n        --aui-form-optgroup-text-color: @ak-color-N100;\n        --aui-form-optgroup-bg-color: @ak-color-N20;\n        --aui-form-option-bg-color: @ak-color-N0;\n        --aui-form-pre-bg-color: @ak-color-N20;\n\n        // More form fields\n        --aui-form-field-autofilled-bg-color: @ak-color-P50;\n        --aui-form-field-autofilled-border-color: @ak-color-P300;\n        --aui-form-field-autofilled-text-color: @ak-color-P500;\n\n        // Form glyphs\n        --aui-form-glyph-disabled-icon-color: @ak-color-N70;\n        --aui-form-glyph-disabled-fill-color: @ak-color-N20A;\n        --aui-form-glyph-icon-color: @ak-color-N0;\n        --aui-form-glyph-fill-color: @ak-color-B400;\n\n        // Form checkboxes and radio buttons\n        --aui-form-checkbox-active-bg-color: @ak-color-B50;\n        --aui-form-checkbox-active-border-color: @ak-color-B50;\n        --aui-form-checkbox-active-icon-color: @ak-color-B400;\n        --aui-form-radio-unchecked-bg-color: @ak-color-N20;\n        --aui-form-radio-unchecked-border-color: @ak-color-N200;\n\n        // Toggle\n        --aui-toggle-default-bg-color: @ak-color-N200;\n        --aui-toggle-default-bg-hover-color: @ak-color-N70;\n        --aui-toggle-button-color: @ak-color-N0;\n        --aui-toggle-on-color: @ak-color-G400;\n        --aui-toggle-on-hover-color: @ak-color-G300;\n        --aui-toggle-disabled-overlay-color: rgba(@ak-color-N0, 0.5);\n        --aui-toggle-tick-color: @ak-color-N0;\n        --aui-toggle-cross-color: @ak-color-N0;\n\n        // Form notification\n        --aui-form-notification-info-color: @ak-color-N80;\n        --aui-form-notification-error-color: var(--aui-message-error-icon-color);\n        --aui-form-notification-success-color: var(--aui-message-success-icon-color);\n\n        // Progress bar\n        --aui-progressbar-color: @ak-color-N500;\n        --aui-progressbar-track-color: @ak-color-N40A;\n\n        // Spinner\n        --aui-spinner-color: @ak-color-N500;\n\n        // Navigation\n        --aui-nav-pagination-text-color: @ak-color-N800; // --aui-body-text\n        --aui-nav-pagination-active-text-color: @ak-color-N80;\n\n        // Application header\n        --aui-appheader-bg-color: @ak-color-B500;\n        --aui-appheader-text-color: @ak-color-B50;\n        --aui-appheader-item-focus-bg-color: @ak-color-N90A;\n        --aui-appheader-item-focus-text-color: @ak-color-B50;\n        --aui-appheader-item-active-bg-color: @ak-color-N90A;\n        --aui-appheader-item-active-text-color: @ak-color-B50;\n        --aui-appheader-quicksearch-bg-color: @ak-color-N90A;\n        --aui-appheader-quicksearch-border-color: transparent;\n        --aui-appheader-quicksearch-text-color: @ak-color-B50;\n        --aui-appheader-quicksearch-placeholder-text-color: @ak-color-N80;\n        --aui-appheader-quicksearch-hover-bg-color: var(--aui-appheader-quicksearch-bg-color);\n        --aui-appheader-quicksearch-focus-bg-color: var(--aui-appheader-quicksearch-bg-color);\n        --aui-appheader-quicksearch-focus-text-color: @ak-color-B50;\n\n        // Sidebar\n        --aui-sidebar-icon-color: @ak-color-N400;\n        --aui-sidebar-toggle-icon-color: @ak-color-N400;\n        --aui-sidebar-bg-color: @ak-color-N20;\n        --aui-sidebar-dropdown-arrow-color: @ak-color-N400;\n        --aui-sidebar-tooltip-bg-color: @ak-color-N800A;\n        --aui-sidebar-badge-bg-color: @ak-color-N50;\n        --aui-sidebar-badge-text-color: inherit;\n\n        // Tabs\n        --aui-tabs-tab-border-color: @ak-color-N30; // --aui-border\n        --aui-tabs-tab-text-color: @ak-color-N500;\n        --aui-tabs-tab-hover-text-color: @ak-color-B100;\n        --aui-tabs-tab-active-border-color: @ak-color-B400;\n        --aui-tabs-tab-active-text-color: @ak-color-B400;\n\n        // Multi-step wizard\n        --aui-progress-tracker-current-step-color: @ak-color-B300;\n        --aui-progress-tracker-current-step-text-color: var(--aui-progress-tracker-visited-step-text-color);\n        --aui-progress-tracker-visited-step-text-color: @ak-color-N800;\n        --aui-progress-tracker-visited-step-hover-text-color: @ak-color-B400;\n        --aui-progress-tracker-visited-step-active-text-color: @ak-color-B500;\n        --aui-progress-tracker-future-step-color: @ak-color-N70;\n        --aui-progress-tracker-future-step-text-color: @ak-color-N300;\n\n        // Tables\n        --aui-table-row-bg-color: transparent;\n        --aui-table-row-text-color: @ak-color-N800; // --aui-body-text\n        --aui-table-header-bg-color: transparent;\n        --aui-table-heading-text-color: @ak-color-N200;\n        --aui-table-border-color: @ak-color-N40;\n        --aui-table-caption-bg-color: @ak-color-N20;\n        --aui-table-caption-text-color: @ak-color-N100;\n        --aui-table-list-row-hover-color: @ak-color-N30A;\n        --aui-table-list-row-subtle-color: @ak-color-N60;\n        --aui-table-sortable-hover-bg-color: @ak-color-N30A;\n        --aui-table-sortable-active-bg-color: @ak-color-B50;\n        --aui-table-sortable-active-border-color: @ak-color-B500;\n        --aui-table-sortable-active-text-color: @ak-color-B500;\n        --aui-table-sortable-selected-bg-color: transparent;\n        --aui-table-sortable-selected-border-color: @ak-color-N100;\n        --aui-table-sortable-selected-text-color: @ak-color-N400;\n\n        // Dynamic tables\n        --aui-restfultable-row-focused-border-color: @ak-color-N60;\n        --aui-restfultable-row-create-border-color: @ak-color-N40;\n        --aui-restfultable-row-editable-hover-bg-color: var(--aui-form-field-hover-bg-color);\n        --aui-restfultable-error-text-color: var(--aui-form-notification-error-color);\n        --aui-restfultable-header-row-bg-color: @ak-color-N0;\n        --aui-restfultable-header-row-text-color: @ak-color-N200;\n        --aui-restfultable-row-moving-bg-color: @ak-color-N20;\n        --aui-restfultable-editable-em-text-color: @ak-color-N80;\n        --aui-restfultable-row-active-bg-color: @ak-color-N20;\n        --aui-restfultable-row-hover-bg-color: @ak-color-N20;\n\n        // Dropdowns\n        --aui-dropdown-bg-color: @ak-color-N0;\n        --aui-dropdown-border-color: @ak-color-N40; // to match the lightness of the faux border in the \"z200\" shadow\n\n        // Selects\n        --aui-select2-placeholder-text-color: @ak-color-N100;\n        --aui-select2-chosen-bg-color: @ak-color-N0;\n        --aui-select2-chosen-text-color: @ak-color-N800;\n        --aui-select2-chosen-hover-bg-color: @ak-color-N0;\n        --aui-select2-chosen-hover-text-color: @ak-color-N800;\n        --aui-select2-active-chosen-bg-color: @ak-color-N40;\n        --aui-select2-active-chosen-text-color: @ak-color-N800;\n        --aui-select2-field-default-bg-color: var(--aui-form-select-bg-color);\n        --aui-select2-field-border-color: var(--aui-form-select-border-color);\n        --aui-select2-field-hover-bg-color: var(--aui-form-select-hover-bg-color);\n        --aui-select2-drop-bg-color: var(--aui-dropdown-bg-color);\n\n        // Dialogs\n        --aui-dialog-bg-color: @ak-color-N0;\n        --aui-dialog-border-color: @ak-color-N30;\n        --aui-dialog-header-bg-color: var(--aui-dialog-bg-color);\n        --aui-dialog-header-warning-bg-color: @ak-color-R400;\n        --aui-dialog-header-warning-text-color: @ak-color-N0;\n        --aui-dialog-button-hover-border-color: @ak-color-N80;\n        --aui-dialog-footer-hint-text-color: @ak-color-N400;\n        --aui-inline-dialog-bg-color: var(--aui-dropdown-bg-color); // shared this way because both inline dialogs and dropdowns need to layer well on top of modals\n        --aui-inline-dialog-border-color: var(--aui-dropdown-border-color);\n\n        // Date pickers\n        --aui-datepicker-panel-bg-color: @ak-color-N0;\n        --aui-datepicker-panel-divider-color: @ak-color-N40;\n        --aui-datepicker-heading-bg-color: @ak-color-N20;\n        --aui-datepicker-heading-text-color: @ak-color-N600;\n        --aui-datepicker-heading-weekdays-text-color: @ak-color-N300;\n        --aui-datepicker-option-bg-color: transparent;\n        --aui-datepicker-option-text-color: @ak-color-B400;\n        --aui-datepicker-option-focus-bg-color: @ak-color-N20;\n        --aui-datepicker-option-focus-text-color: @ak-color-B400;\n        --aui-datepicker-option-selected-bg-color: @ak-color-B400;\n        --aui-datepicker-option-selected-text-color: @ak-color-N0;\n        --aui-datepicker-option-unselectable-bg-color: @ak-color-N20;\n        --aui-datepicker-option-unselectable-text-color: @ak-color-N100;\n        --aui-datepicker-disabled-text-color: @ak-color-N100;\n        --aui-datepicker-hint-text-color: @ak-color-N400;\n    }\n\n    .dark() {\n        color-scheme: dark;\n        @import (reference) '../adg/adg-colors';\n        @import (reference) '../adg/adg-neutral-dark';\n\n        // Shadows and backgrounds\n        --aui-shadow1: @ak-color-N70A;\n        --aui-shadow2: @ak-color-N90A;\n        --aui-blanket: @ak-color-N100A;\n\n        // Page\n        --aui-body-text: @ak-color-N800;\n        --aui-lesser-body-text: @ak-color-N200;\n        --aui-lesser-header-text: @ak-color-N200;\n        --aui-body-background: @ak-color-N30;\n        --aui-page-background: @ak-color-N30;\n        --aui-page-border: @ak-color-N30;\n        --aui-border: @ak-color-N50;\n        --aui-border-strong: @ak-color-N100;\n        --aui-focus: @ak-color-B100;\n        --aui-link-color: @ak-color-B90;\n        --aui-link-decoration: none;\n        --aui-link-hover-color: @ak-color-B75;\n        --aui-link-active-color: @ak-color-B200;\n        --aui-link-hover-decoration: underline;\n        --aui-link-visited-color: @ak-color-P100;\n\n        // \"Item\" pattern - used for navigation, buttons, dropdown options, pagination, and similar.\n        --aui-itemheading-text: @ak-color-N300;\n        --aui-item-bg: transparent;\n        --aui-item-text: @ak-color-N600;\n        --aui-item-focus-bg: rgba(@ak-color-N200, 0.3);\n        --aui-item-focus-text: @ak-color-N600;\n        --aui-item-active-text: @ak-color-B400;\n        --aui-item-active-bg: @ak-color-B75;\n        --aui-item-selected-bg: var(--aui-item-focus-bg);\n        --aui-item-selected-text: var(--aui-item-focus-text);\n        --aui-item-disabled-bg: transparent;\n        --aui-item-disabled-text: @ak-color-N100;\n\n        // Tooltips\n        --aui-tooltip-bg-color: @ak-color-N900;\n        --aui-tooltip-border-color: @ak-color-N900;\n        --aui-tooltip-content-text-color: @ak-color-N40;\n        --aui-tooltip-title-text-color: @ak-color-N10;\n\n        // Help text and onboarding messaging\n        --aui-help-color: @ak-color-P300;\n\n        // Badges\n        --aui-badge-bg-color: @ak-color-N70;\n        --aui-badge-text-color: @ak-color-N900;\n        --aui-badge-primary-bg-color: @ak-color-B100;\n        --aui-badge-primary-text-color: @ak-color-N0;\n        --aui-badge-added-bg-color: rgba(0, 102, 68, 0.33);\n        --aui-badge-added-text-color: @ak-color-G75;\n        --aui-badge-removed-bg-color: rgba(191, 38, 0, 0.33);\n        --aui-badge-removed-text-color: @ak-color-R75;\n        --aui-badge-important-bg-color: @ak-color-R300;\n        --aui-badge-important-text-color: @ak-color-N0;\n        --aui-badge-on-blue-text-color: @ak-color-N0;\n        --aui-badge-on-blue-bg-color: rgba(@ak-color-N0, 0.25);\n\n        // Avatars\n        --aui-avatar-outline: @ak-color-N0;\n        --aui-avatar-text: @ak-color-N100;\n\n        // Lozenges\n        --aui-lozenge-bg-color: @ak-color-N500;\n        --aui-lozenge-text-color: @ak-color-N0;\n        --aui-lozenge-subtle-bg-color: @ak-color-N50;\n        --aui-lozenge-subtle-text-color: @ak-color-N600;\n        --aui-lozenge-success-bg-color: @ak-color-G200;\n        --aui-lozenge-success-text-color: @ak-color-N0;\n        --aui-lozenge-success-subtle-bg-color: rgba(0, 102, 68, 0.33);\n        --aui-lozenge-success-subtle-text-color: @ak-color-G75;\n        --aui-lozenge-current-bg-color: @ak-color-B200;\n        --aui-lozenge-current-text-color: @ak-color-N0;\n        --aui-lozenge-current-subtle-bg-color: rgba(7, 71, 166, 0.33);\n        --aui-lozenge-current-subtle-text-color: @ak-color-B75;\n        --aui-lozenge-moved-bg-color: @ak-color-Y300;\n        --aui-lozenge-moved-text-color: @ak-color-N0;\n        --aui-lozenge-moved-subtle-bg-color: rgba(255, 139, 0, 0.22);\n        --aui-lozenge-moved-subtle-text-color: @ak-color-Y75;\n        --aui-lozenge-error-bg-color: @ak-color-R300;\n        --aui-lozenge-error-text-color: @ak-color-N0;\n        --aui-lozenge-error-subtle-bg-color: rgba(191, 38, 0, 0.33);\n        --aui-lozenge-error-subtle-text-color: @ak-color-R75;\n        --aui-lozenge-new-bg-color: @ak-color-P200;\n        --aui-lozenge-new-text-color: @ak-color-N0;\n        --aui-lozenge-new-subtle-bg-color: rgba(64, 50, 148, 0.33);\n        --aui-lozenge-new-subtle-text-color: @ak-color-P75;\n\n        // Messages\n        --aui-message-info-bg-color: @ak-color-B500;\n        --aui-message-info-icon-color: initial;\n        --aui-message-info-text-color: @ak-color-N1K;\n        --aui-message-success-bg-color: @ak-color-G500;\n        --aui-message-success-icon-color: initial;\n        --aui-message-success-text-color: @ak-color-N1K;\n        --aui-message-warning-bg-color: @ak-color-Y400;\n        --aui-message-warning-icon-color: initial;\n        --aui-message-warning-text-color: @ak-color-N20;\n        --aui-message-error-bg-color: @ak-color-R500;\n        --aui-message-error-icon-color: initial;\n        --aui-message-error-text-color: @ak-color-N1K;\n        --aui-message-change-bg-color: @ak-color-P400;\n        --aui-message-change-icon-color: initial;\n        --aui-message-change-text-color: @ak-color-N1K;\n\n        // Banners\n        --aui-banner-error-bg-color: @ak-color-R400;\n        --aui-banner-error-text-color: @ak-color-N2K;\n        --aui-banner-warning-bg-color: @ak-color-Y300;\n        --aui-banner-warning-text-color: @ak-color-N30;\n        --aui-banner-announcement-bg-color: @ak-color-N70;\n        --aui-banner-announcement-text-color: @ak-color-N2K;\n\n        // Flags\n        --aui-flag-bg-color: var(--aui-dropdown-bg-color); // see also: inline dialogs\n        --aui-flag-info-color: @ak-color-B200;\n        --aui-flag-success-color: @ak-color-G300;\n        --aui-flag-warning-color: @ak-color-Y300;\n        --aui-flag-error-color: @ak-color-R300;\n\n        // Buttons\n        --aui-button-default-bg-color: @ak-color-N60;\n        --aui-button-default-text-color: @ak-color-N800;\n        --aui-button-default-hover-bg-color: @ak-color-N90;\n        --aui-button-default-active-bg-color: @ak-color-B75;\n        --aui-button-default-active-text-color: @ak-color-N800;\n        --aui-button-default-selected-bg-color: @ak-color-N400;\n        --aui-button-default-selected-text-color: @ak-color-N800;\n        --aui-button-default-disabled-bg-color: @ak-color-N70;\n        --aui-button-default-disabled-text-color: @ak-color-N30;\n        --aui-button-primary-bg-color: @ak-color-B100;\n        --aui-button-primary-text-color: @ak-color-N30;\n        --aui-button-primary-hover-bg-color: @ak-color-B75;\n        --aui-button-primary-active-bg-color: @ak-color-B200;\n        --aui-button-primary-active-text-color: @ak-color-N0;\n        --aui-button-primary-disabled-bg-color: var(--aui-button-default-disabled-bg-color);\n        --aui-button-primary-disabled-text-color: var(--aui-button-default-disabled-text-color);\n        --aui-button-warning-bg-color: @ak-color-Y300;\n        --aui-button-warning-text-color: @ak-color-N20;\n        --aui-button-warning-hover-bg-color: @ak-color-Y200;\n        --aui-button-warning-active-bg-color: @ak-color-Y100;\n        --aui-button-warning-active-text-color: @ak-color-N20;\n        --aui-button-warning-selected-bg-color: @ak-color-Y200;\n        --aui-button-warning-selected-text-color: @ak-color-N20;\n        --aui-button-danger-bg-color: @ak-color-R200;\n        --aui-button-danger-text-color: @ak-color-N0;\n        --aui-button-danger-hover-bg-color: @ak-color-R100;\n        --aui-button-danger-active-bg-color: @ak-color-R75;\n        --aui-button-danger-active-text-color: @ak-color-N0;\n        --aui-button-danger-selected-bg-color: @ak-color-R100;\n        --aui-button-danger-selected-text-color: @ak-color-N0;\n        --aui-button-light-bg-color: transparent;\n        --aui-button-subtle-text-color: @ak-color-N600;\n\n        // \"Labels\" (e.g., page tags, selected values in components, etc.)\n        --aui-label-text-color: @ak-color-N800;\n        --aui-label-link-color: @ak-color-N800;\n        --aui-label-bg-color: @ak-color-N50;\n        --aui-label-hover-bg-color: @ak-color-N80;\n        --aui-label-close-hover-bg-color: @ak-color-R50;\n        --aui-label-close-hover-text-color: @ak-color-R500;\n\n        // Forms\n        --aui-form-placeholder-text-color: @ak-color-N200;\n        --aui-form-placeholder-disabled-text-color: @ak-color-N70;\n        --aui-form-label-text-color: @ak-color-N400;\n        --aui-form-error-text-color: @ak-color-R500;\n        --aui-form-description-text-color: @ak-color-N400;\n        --aui-form-disabled-field-bg-color: @ak-color-N30;\n        --aui-form-disabled-field-text-color: @ak-color-N80;\n        --aui-form-disabled-field-label-color: @ak-color-N80;\n        --aui-form-field-border-color: @ak-color-N80;\n        --aui-form-field-hover-border-color: @ak-color-N80;\n        --aui-form-field-default-text-color: @ak-color-N800;\n        --aui-form-field-default-bg-color: @ak-color-N40;\n        --aui-form-field-hover-text-color: var(--aui-form-field-default-text-color);\n        --aui-form-field-hover-bg-color: @ak-color-N30;\n        --aui-form-field-focus-bg-color: @ak-color-N0;\n        --aui-form-select-bg-color: @ak-color-N70;\n        --aui-form-select-border-color: @ak-color-N70;\n        --aui-form-select-hover-bg-color: @ak-color-N40;\n        --aui-form-checkbox-radio-active-bg-color: @ak-color-B100;\n        --aui-form-optgroup-text-color: @ak-color-N100;\n        --aui-form-optgroup-bg-color: @ak-color-N20;\n        --aui-form-option-bg-color: @ak-color-N0;\n        --aui-form-pre-bg-color: @ak-color-N20;\n\n        // More form fields\n        --aui-form-field-autofilled-bg-color: @ak-color-P500;\n        --aui-form-field-autofilled-border-color: @ak-color-P100;\n        --aui-form-field-autofilled-text-color: @ak-color-P75;\n\n        // Form glyphs\n        --aui-form-glyph-disabled-icon-color: @ak-color-N200;\n        --aui-form-glyph-disabled-fill-color: @ak-color-N70;\n        --aui-form-glyph-icon-color: @ak-color-N900;\n        --aui-form-glyph-fill-color: @ak-color-B400;\n\n        // Form checkboxes and radio buttons\n        --aui-form-checkbox-active-bg-color: @ak-color-B50;\n        --aui-form-checkbox-active-border-color: @ak-color-B50;\n        --aui-form-checkbox-active-icon-color: @ak-color-B200;\n        --aui-form-radio-unchecked-bg-color: @ak-color-N20;\n        --aui-form-radio-unchecked-border-color: @ak-color-N200;\n\n        // Toggle\n        --aui-toggle-default-bg-color: @ak-color-N90;\n        --aui-toggle-default-bg-hover-color: @ak-color-N100;\n        --aui-toggle-button-color: @ak-color-N30;\n        --aui-toggle-on-color: @ak-color-G300;\n        --aui-toggle-on-hover-color: @ak-color-G200;\n        --aui-toggle-disabled-overlay-color: rgba(@ak-color-N30, 0.5);\n        --aui-toggle-tick-color: @ak-color-N30;\n        --aui-toggle-cross-color: @ak-color-N30;\n\n        // Form notification\n        --aui-form-notification-info-color: @ak-color-N80;\n        --aui-form-notification-error-color: @ak-color-R300;\n        --aui-form-notification-success-color: @ak-color-G300;\n\n        // Progress bar\n        --aui-progressbar-color: @ak-color-N800;\n        --aui-progressbar-track-color: @ak-color-N400A;\n\n        // Spinner\n        --aui-spinner-color: @ak-color-N800;\n\n        // Navigation\n        --aui-nav-pagination-text-color: @ak-color-N800; // --aui-body-text\n        --aui-nav-pagination-active-text-color: @ak-color-N80;\n\n        // Application header\n        --aui-appheader-bg-color: @ak-color-B500;\n        --aui-appheader-text-color: @ak-color-B50;\n        --aui-appheader-item-focus-bg-color: @ak-color-N50A;\n        --aui-appheader-item-focus-text-color: @ak-color-B50;\n        --aui-appheader-item-active-bg-color: @ak-color-N90A;\n        --aui-appheader-item-active-text-color: @ak-color-B50;\n        --aui-appheader-quicksearch-bg-color: @ak-color-N90A;\n        --aui-appheader-quicksearch-border-color: transparent;\n        --aui-appheader-quicksearch-text-color: @ak-color-B50;\n        --aui-appheader-quicksearch-placeholder-text-color: @ak-color-N400;\n        --aui-appheader-quicksearch-hover-bg-color: var(--aui-appheader-quicksearch-bg-color);\n        --aui-appheader-quicksearch-focus-bg-color: var(--aui-appheader-quicksearch-bg-color);\n        --aui-appheader-quicksearch-focus-text-color: @ak-color-B50;\n\n        // Sidebar\n        --aui-sidebar-icon-color: @ak-color-N400;\n        --aui-sidebar-toggle-icon-color: @ak-color-N400;\n        --aui-sidebar-bg-color: @ak-color-N20;\n        --aui-sidebar-dropdown-arrow-color: @ak-color-N400;\n        --aui-sidebar-tooltip-bg-color: @ak-color-N800A;\n        --aui-sidebar-badge-bg-color: rgba(@ak-color-N2K, 0.19);\n        --aui-sidebar-badge-text-color: inherit;\n\n        // Tabs\n        --aui-tabs-tab-border-color: @ak-color-N60;\n        --aui-tabs-tab-text-color: @ak-color-N400;\n        --aui-tabs-tab-hover-text-color: @ak-color-B100;\n        --aui-tabs-tab-active-border-color: @ak-color-B100;\n        --aui-tabs-tab-active-text-color: @ak-color-B100;\n\n        // Multi-step wizard\n        --aui-progress-tracker-current-step-color: @ak-color-B300;\n        --aui-progress-tracker-current-step-text-color: var(--aui-progress-tracker-visited-step-text-color);\n        --aui-progress-tracker-visited-step-text-color: @ak-color-N800;\n        --aui-progress-tracker-visited-step-hover-text-color: var(--aui-link-hover-color);\n        --aui-progress-tracker-visited-step-active-text-color: var(--aui-link-active-color);\n        --aui-progress-tracker-future-step-color: @ak-color-N70;\n        --aui-progress-tracker-future-step-text-color: @ak-color-N300;\n\n        // Tables\n        --aui-table-row-bg-color: transparent;\n        --aui-table-row-text-color: @ak-color-N800; // --aui-body-text\n        --aui-table-header-bg-color: transparent;\n        --aui-table-heading-text-color: @ak-color-N400;\n        --aui-table-border-color: @ak-color-N50; // --aui-border\n        --aui-table-caption-bg-color: @ak-color-N20;\n        --aui-table-caption-text-color: @ak-color-N100;\n        --aui-table-list-row-hover-color: @ak-color-N40;\n        --aui-table-list-row-subtle-color: @ak-color-N60;\n        --aui-table-sortable-hover-bg-color: @ak-color-N30A;\n        --aui-table-sortable-active-bg-color: @ak-color-B50;\n        --aui-table-sortable-active-border-color: @ak-color-B200;\n        --aui-table-sortable-active-text-color: @ak-color-B200;\n        --aui-table-sortable-selected-bg-color: transparent;\n        --aui-table-sortable-selected-border-color: @ak-color-N400;\n        --aui-table-sortable-selected-text-color: @ak-color-N800;\n\n        // Dynamic tables\n        --aui-restfultable-row-focused-border-color: @ak-color-N60;\n        --aui-restfultable-row-create-border-color: @ak-color-N40;\n        --aui-restfultable-row-editable-hover-bg-color: var(--aui-form-field-hover-bg-color);\n        --aui-restfultable-error-text-color: var(--aui-form-notification-error-color);\n        --aui-restfultable-header-row-bg-color: @ak-color-N0;\n        --aui-restfultable-header-row-text-color: @ak-color-N200;\n        --aui-restfultable-row-moving-bg-color: @ak-color-N20;\n        --aui-restfultable-editable-em-text-color: @ak-color-N80;\n        --aui-restfultable-row-active-bg-color: @ak-color-N20;\n        --aui-restfultable-row-hover-bg-color: @ak-color-N20;\n\n        // Dropdowns\n        --aui-dropdown-bg-color: @ak-color-N50;\n        --aui-dropdown-border-color: @ak-color-N70;\n\n        // Selects\n        --aui-select2-placeholder-text-color: @ak-color-N100;\n        --aui-select2-chosen-bg-color: @ak-color-N30;\n        --aui-select2-chosen-text-color: @ak-color-N800;\n        --aui-select2-chosen-hover-bg-color: @ak-color-N80;\n        --aui-select2-chosen-hover-text-color: @ak-color-N800;\n        --aui-select2-active-chosen-bg-color: @ak-color-N80;\n        --aui-select2-active-chosen-text-color: @ak-color-N800;\n        --aui-select2-field-default-bg-color: var(--aui-form-select-bg-color);\n        --aui-select2-field-border-color: var(--aui-form-select-border-color);\n        --aui-select2-field-hover-bg-color: var(--aui-form-select-hover-bg-color);\n        --aui-select2-drop-bg-color: var(--aui-dropdown-bg-color);\n\n        // Dialogs\n        --aui-dialog-bg-color: @ak-color-N40;\n        --aui-dialog-border-color: @ak-color-N40;\n        --aui-dialog-header-bg-color: var(--aui-dialog-bg-color);\n        --aui-dialog-header-warning-bg-color: @ak-color-R200;\n        --aui-dialog-header-warning-text-color: @ak-color-N0;\n        --aui-dialog-button-hover-border-color: @ak-color-N80;\n        --aui-dialog-footer-hint-text-color: @ak-color-N400;\n        --aui-inline-dialog-bg-color: var(--aui-dropdown-bg-color); // needs to be slightly lighter than modals so you can see the difference\n        --aui-inline-dialog-border-color: var(--aui-dropdown-border-color);\n\n        // Date pickers\n        --aui-datepicker-panel-bg-color: @ak-color-N50;\n        --aui-datepicker-panel-divider-color: @ak-color-N50;\n        --aui-datepicker-heading-bg-color: @ak-color-N50;\n        --aui-datepicker-heading-text-color: @ak-color-N600;\n        --aui-datepicker-heading-weekdays-text-color: @ak-color-N300;\n        --aui-datepicker-option-bg-color: transparent;\n        --aui-datepicker-option-text-color: @ak-color-N600;\n        --aui-datepicker-option-focus-bg-color: @ak-color-N70;\n        --aui-datepicker-option-focus-text-color: @ak-color-N600;\n        --aui-datepicker-option-selected-bg-color: @ak-color-N0;\n        --aui-datepicker-option-selected-text-color: @ak-color-B200;\n        --aui-datepicker-option-unselectable-bg-color: transparent;\n        --aui-datepicker-option-unselectable-text-color: @ak-color-N100;\n        --aui-datepicker-disabled-text-color: @ak-color-N100;\n        --aui-datepicker-hint-text-color: @ak-color-N400;\n    }\n\n    .design-tokens() {\n        @import (reference) '../adg/adg-colors';\n        @import (reference) '../adg/adg-neutral-light';\n\n        // Shadows and backgrounds\n        --aui-shadow1: transparent;\n        --aui-shadow2: transparent;\n        --aui-blanket: var(--ds-blanket, rgba(@ak-color-N800, 0.45));\n\n        // Page\n        --aui-body-text: var(--ds-text, @ak-color-N800);\n        --aui-lesser-body-text: var(--ds-text-subtlest, @ak-color-N300);\n        --aui-lesser-header-text: var(--ds-text-subtlest, @ak-color-N200);\n        --aui-body-background: var(--ds-surface, @ak-color-N20);\n        --aui-page-background: var(--ds-surface, @ak-color-N0);\n        --aui-page-border: var(--ds-border, @ak-color-N40);\n        --aui-border: var(--ds-border, @ak-color-N40);\n        --aui-border-strong: var(--ds-border-accent-gray, @ak-color-N100);\n        --aui-focus: var(--ds-border-focused, @ak-color-B200);\n        --aui-link-color: var(--ds-link, @ak-color-B400);\n        --aui-link-decoration: none;\n        --aui-link-hover-color: var(--ds-link, @ak-color-B300);\n        --aui-link-active-color: var(--ds-link-pressed, @ak-color-B500);\n        --aui-link-hover-decoration: underline;\n        --aui-link-visited-color: var(--ds-link-pressed, @ak-color-P500);\n\n        // \"Item\" pattern - used for navigation, buttons, dropdown options, pagination, and similar.\n        --aui-itemheading-text: var(--ds-text-subtle, @ak-color-N300);\n        --aui-item-bg: transparent;\n        --aui-item-text: var(--ds-text-subtle, @ak-color-N500);\n        --aui-item-focus-bg: var(--ds-background-neutral-subtle-hovered, @ak-color-N30A);\n        --aui-item-focus-text: var(--ds-text-subtle, @ak-color-N500);\n        --aui-item-active-text: var(--ds-text-subtle, @ak-color-B400);\n        --aui-item-active-bg: var(--ds-background-selected, @ak-color-B50);\n        --aui-item-selected-bg: var(--ds-background-selected);\n        --aui-item-selected-text: var(--ds-text-selected);\n        --aui-item-disabled-bg: transparent;\n        --aui-item-disabled-text: var(--ds-text-disabled, @ak-color-N100);\n\n        // Tooltips\n        --aui-tooltip-bg-color: var(--ds-background-neutral-bold, @ak-color-N800);\n        --aui-tooltip-border-color: var(--ds-background-neutral-bold, @ak-color-N800);\n        --aui-tooltip-content-text-color: var(--ds-text-inverse, @ak-color-N0);\n        --aui-tooltip-title-text-color: var(--ds-text-inverse, @ak-color-N0);\n\n        // Help text and onboarding messaging\n        --aui-help-color: var(--ds-border-discovery, @ak-color-P400);\n\n        // Badges\n        --aui-badge-bg-color: var(--ds-background-accent-gray-subtler, @ak-color-N40A);\n        --aui-badge-text-color: var(--ds-text-accent-gray, @ak-color-N800);\n        --aui-badge-primary-bg-color: var(--ds-background-information-bold, @ak-color-B400);\n        --aui-badge-primary-text-color: var(--ds-text-inverse, @ak-color-N0);\n        --aui-badge-added-bg-color: var(--ds-background-accent-green-subtlest, @ak-color-G50);\n        --aui-badge-added-text-color: var(--ds-text-accent-green, @ak-color-G500);\n        --aui-badge-removed-bg-color: var(--ds-background-accent-red-subtlest, @ak-color-R50);\n        --aui-badge-removed-text-color: var(--ds-text-accent-red, @ak-color-R500);\n        --aui-badge-important-bg-color: var(--ds-background-accent-red-bolder, @ak-color-R400);\n        --aui-badge-important-text-color: var(--ds-text-inverse, @ak-color-N0);\n        --aui-badge-on-blue-text-color: var(--ds-text-inverse, @ak-color-N0);\n        --aui-badge-on-blue-bg-color: var(--ds-background-accent-blue-subtler, rgba(@ak-color-N0, 0.25));\n\n        // Avatars\n        --aui-avatar-outline: var(--ds-border-inverse, @ak-color-N0);\n        --aui-avatar-text: var(--ds-text-inverse, @ak-color-N100);\n\n        // Lozenges\n        --aui-lozenge-bg-color: var(--ds-background-neutral-bold, @ak-color-N500);\n        --aui-lozenge-text-color: var(--ds-text-inverse, @ak-color-N0);\n        --aui-lozenge-subtle-bg-color: var(--ds-background-neutral, @ak-color-N40);\n        --aui-lozenge-subtle-text-color: var(--ds-text-subtle, @ak-color-N500);\n        --aui-lozenge-success-bg-color: var(--ds-background-success-bold, @ak-color-G400);\n        --aui-lozenge-success-text-color: var(--ds-text-inverse, @ak-color-N0);\n        --aui-lozenge-success-subtle-bg-color: var(--ds-background-success, @ak-color-G50);\n        --aui-lozenge-success-subtle-text-color: var(--ds-text-success, @ak-color-G500);\n        --aui-lozenge-current-bg-color: var(--ds-background-information-bold, @ak-color-B400);\n        --aui-lozenge-current-text-color: var(--ds-text-inverse, @ak-color-N0);\n        --aui-lozenge-current-subtle-bg-color: var(--ds-background-information, @ak-color-B50);\n        --aui-lozenge-current-subtle-text-color: var(--ds-text-information, @ak-color-B500);\n        --aui-lozenge-moved-bg-color: var(--ds-background-warning-bold, @ak-color-Y400);\n        --aui-lozenge-moved-text-color: var(--ds-text-warning-inverse, @ak-color-N800);\n        --aui-lozenge-moved-subtle-bg-color: var(--ds-background-warning, @ak-color-Y75);\n        --aui-lozenge-moved-subtle-text-color: var(--ds-text-warning, @ak-color-N800);\n        --aui-lozenge-error-bg-color: var(--ds-background-danger-bold, @ak-color-R500);\n        --aui-lozenge-error-text-color: var(--ds-text-inverse, @ak-color-N0);\n        --aui-lozenge-error-subtle-bg-color: var(--ds-background-danger, @ak-color-R50);\n        --aui-lozenge-error-subtle-text-color: var(--ds-text-danger, @ak-color-R500);\n        --aui-lozenge-new-bg-color: var(--ds-background-discovery-bold, @ak-color-P400);\n        --aui-lozenge-new-text-color: var(--ds-text-inverse, @ak-color-N0);\n        --aui-lozenge-new-subtle-bg-color: var(--ds-background-discovery, @ak-color-P50);\n        --aui-lozenge-new-subtle-text-color: var(--ds-text-discovery, @ak-color-P500);\n\n        // Messages\n        --aui-message-info-bg-color: var(--ds-background-information, @ak-color-B50);\n        --aui-message-info-icon-color: var(--ds-icon-information, @ak-color-B400);\n        --aui-message-info-text-color: var(--ds-text, @ak-color-N600);\n        --aui-message-success-bg-color: var(--ds-background-success, @ak-color-G50);\n        --aui-message-success-icon-color: var(--ds-icon-success, @ak-color-G400);\n        --aui-message-success-text-color: var(--ds-text, @ak-color-N600);\n        --aui-message-warning-bg-color: var(--ds-background-warning, @ak-color-Y50);\n        --aui-message-warning-icon-color: var(--ds-icon-warning, @ak-color-Y400);\n        --aui-message-warning-text-color: var(--ds-text, @ak-color-N600);\n        --aui-message-error-bg-color: var(--ds-background-danger, @ak-color-R50);\n        --aui-message-error-icon-color: var(--ds-icon-danger, @ak-color-R400);\n        --aui-message-error-text-color: var(--ds-text, @ak-color-N600);\n        --aui-message-change-bg-color: var(--ds-background-discovery, @ak-color-P50);\n        --aui-message-change-icon-color: var(--ds-icon-discovery, @ak-color-P400);\n        --aui-message-change-text-color: var(--ds-text, @ak-color-N600);\n\n        // Banners\n        --aui-banner-error-bg-color: var(--ds-background-danger-bold, @ak-color-R400);\n        --aui-banner-error-text-color: var(--ds-text-inverse, @ak-color-N0);\n        --aui-banner-warning-bg-color: var(--ds-background-warning-bold, @ak-color-Y300);\n        --aui-banner-warning-text-color: var(--ds-text-warning-inverse, @ak-color-N700);\n        --aui-banner-announcement-bg-color: var(--ds-background-neutral-bold, @ak-color-N500);\n        --aui-banner-announcement-text-color: var(--ds-text-inverse, @ak-color-N0);\n\n        // Flags\n        --aui-flag-bg-color: var(--ds-surface-overlay);\n        --aui-flag-info-color: var(--ds-icon-information, @ak-color-B400);\n        --aui-flag-success-color: var(--ds-icon-success, @ak-color-G300);\n        --aui-flag-warning-color: var(--ds-icon-warning, @ak-color-Y300);\n        --aui-flag-error-color: var(--ds-icon-danger, @ak-color-R300);\n\n        // Buttons\n        --aui-button-default-bg-color: var(--ds-background-neutral, @ak-color-N30A);\n        --aui-button-default-text-color: var(--ds-text, @ak-color-N600);\n        --aui-button-default-hover-bg-color: var(--ds-background-neutral-hovered, @ak-color-N40A);\n        --aui-button-default-active-bg-color: var(--ds-background-neutral-pressed, @ak-color-B50);\n        --aui-button-default-active-text-color: var(--ds-text, @ak-color-B400);\n        --aui-button-default-selected-bg-color: var(--ds-background-selected, @ak-color-N600);\n        --aui-button-default-selected-text-color: var(--ds-text-selected, @ak-color-N0);\n        --aui-button-default-disabled-bg-color: var(--ds-background-disabled, @ak-color-N20A);\n        --aui-button-default-disabled-text-color: var(--ds-text-disabled, @ak-color-N70);\n        --aui-button-primary-bg-color: var(--ds-background-brand-bold, @ak-color-B400);\n        --aui-button-primary-text-color: var(--ds-text-inverse, @ak-color-N0);\n        --aui-button-primary-hover-bg-color: var(--ds-background-brand-bold-hovered, @ak-color-B300);\n        --aui-button-primary-active-bg-color: var(--ds-background-selected-bold-pressed, @ak-color-B400);\n        --aui-button-primary-active-text-color: var(--ds-text-inverse, @ak-color-N0);\n        --aui-button-primary-disabled-bg-color: var(--aui-button-default-disabled-bg-color);\n        --aui-button-primary-disabled-text-color: var(--aui-button-default-disabled-text-color);\n        --aui-button-warning-bg-color: var(--ds-background-warning-bold, @ak-color-Y300);\n        --aui-button-warning-text-color: var(--ds-text-warning-inverse, @ak-color-N800);\n        --aui-button-warning-hover-bg-color: var(--ds-background-warning-bold-hovered, @ak-color-Y500);\n        --aui-button-warning-active-bg-color: var(--ds-background-warning-bold-pressed, darken(@ak-color-Y500, 10%));\n        --aui-button-warning-active-text-color: var(--ds-text-warning-inverse, @ak-color-N800);\n        --aui-button-warning-selected-bg-color: var(--ds-background-warning-bold-hovered, @ak-color-N800);\n        --aui-button-warning-selected-text-color: var(--ds-text-warning-inverse, @ak-color-N800);\n        --aui-button-danger-bg-color: var(--ds-background-danger-bold, @ak-color-R500);\n        --aui-button-danger-text-color: var(--ds-text-inverse, @ak-color-N0);\n        --aui-button-danger-hover-bg-color: var(--ds-background-danger-bold-hovered, darken(@ak-color-R500, 10%));\n        --aui-button-danger-active-bg-color: var(--ds-background-danger-bold-pressed, darken(@ak-color-R500, 20%));\n        --aui-button-danger-active-text-color: var(--ds-text-inverse, @ak-color-N0);\n        --aui-button-danger-selected-bg-color: var(--ds-background-danger-bold-hovered, darken(@ak-color-R500, 10%));\n        --aui-button-danger-selected-text-color: var(--ds-text-inverse, @ak-color-N0);\n        --aui-button-light-bg-color: var(--ds-background-input, @ak-color-N0);\n        --aui-button-subtle-text-color: var(--ds-text, @ak-color-N600);\n\n        // \"Labels\" (e.g., page tags, selected values in components, etc