:root {
  --design-url-favicon-ico: url("/roles/web-app-gitlab/latest/img/design/favicon.ico");
  --design-url-apple-touch-icon-png: url("/roles/web-app-gitlab/latest/img/design/apple-touch-icon.png");
  --design-url-apple-touch-icon-svg: url("/roles/web-app-gitlab/latest/img/design/apple-touch-icon.svg");
  --design-url-banner-png: url("/roles/web-app-gitlab/latest/img/design/banner.png");
  --design-url-banner-svg: url("/roles/web-app-gitlab/latest/img/design/banner.svg");
  --design-url-header-png: url("/roles/web-app-gitlab/latest/img/design/header.png");
  --design-url-header-svg: url("/roles/web-app-gitlab/latest/img/design/header.svg");
  --design-url-header-logo-png: url("/roles/web-app-gitlab/latest/img/design/header-logo.png");
  --design-url-header-logo-svg: url("/roles/web-app-gitlab/latest/img/design/header-logo.svg");
  --design-url-icon-png: url("/roles/web-app-gitlab/latest/img/design/icon.png");
  --design-url-icon-svg: url("/roles/web-app-gitlab/latest/img/design/icon.svg");
  --design-url-logo-png: url("/roles/web-app-gitlab/latest/img/design/logo.png");
  --design-url-logo-svg: url("/roles/web-app-gitlab/latest/img/design/logo.svg");
  --design-url-wordmark-png: url("/roles/web-app-gitlab/latest/img/design/wordmark.png");
  --design-url-wordmark-svg: url("/roles/web-app-gitlab/latest/img/design/wordmark.svg");
  --design-slot-apple-touch-icon-width: 180px;
  --design-slot-apple-touch-icon-height: 180px;
  --design-slot-banner-width: 960px;
  --design-slot-banner-height: 160px;
  --design-slot-header-width: 320px;
  --design-slot-header-height: 64px;
  --design-slot-header-logo-width: 48px;
  --design-slot-header-logo-height: 48px;
  --design-slot-icon-width: 512px;
  --design-slot-icon-height: 512px;
  --design-slot-logo-width: 112px;
  --design-slot-logo-height: 112px;
  --design-slot-wordmark-width: 320px;
  --design-slot-wordmark-height: 64px;
}
:root,
:root.gl-dark {
  --gl-application-chrome-background-color: var(--design-frame);
  --gl-background-color-default: var(--design-surface-2);
  --gl-background-color-subtle: var(--design-surface-1);
  --gl-background-color-strong: var(--design-surface-3);
  --gl-background-color-section: var(--design-surface-2);
  --gl-background-color-overlap: var(--design-surface-2);
  --gl-background-color-disabled: var(--design-surface-3);
  --gl-text-color-default: var(--design-text);
  --gl-text-color-heading: var(--design-text);
  --gl-text-color-strong: var(--design-text);
  --gl-text-color-subtle: var(--design-text-muted);
  --gl-text-color-disabled: var(--design-text-muted);
  --gl-text-color-link: var(--design-link);
  --gl-text-color-success: var(--design-success);
  --gl-text-color-warning: var(--design-warning);
  --gl-text-color-danger: var(--design-danger);
  --gl-icon-color-default: var(--design-text);
  --gl-icon-color-strong: var(--design-text);
  --gl-icon-color-subtle: var(--design-text-muted);
  --gl-icon-color-disabled: var(--design-text-muted);
  --gl-icon-color-link: var(--design-link);
  --gl-icon-color-info: var(--design-info);
  --gl-icon-color-success: var(--design-success);
  --gl-icon-color-warning: var(--design-warning);
  --gl-icon-color-danger: var(--design-danger);
  --gl-border-color-default: var(--design-border);
  --gl-border-color-subtle: var(--design-border);
  --gl-border-color-section: var(--design-border);
  --gl-border-color-strong: var(--design-border-strong);
  --gl-control-background-color-default: var(--design-surface-2);
  --gl-control-background-color-disabled: var(--design-surface-3);
  --gl-control-background-color-concatenation: var(--design-surface-3);
  --gl-control-background-color-selected-default: var(--design-primary);
  --gl-control-background-color-selected-hover: var(--design-primary-hover);
  --gl-control-background-color-selected-focus: var(--design-primary-hover);
  --gl-control-border-color-default: var(--design-border-strong);
  --gl-control-border-color-hover: var(--design-text-muted);
  --gl-control-border-color-focus: var(--design-link);
  --gl-control-border-color-disabled: var(--design-border);
  --gl-control-border-color-selected-default: var(--design-primary);
  --gl-control-border-color-selected-hover: var(--design-primary-hover);
  --gl-control-border-color-selected-focus: var(--design-primary-hover);
  --gl-control-indicator-color-selected: var(--design-on-primary);
  --gl-control-placeholder-color: var(--design-text-muted);
  --gl-focus-ring-outer-color: var(--design-link);
  --gl-focus-ring-inner-color: var(--design-surface-2);
  --gl-button-confirm-primary-background-color-default: var(--design-primary);
  --gl-button-confirm-primary-border-color-default: var(--design-primary);
  --gl-button-confirm-primary-foreground-color-default: var(--design-on-primary);
  --gl-action-selected-background-color-default: var(--design-primary);
  --gl-action-selected-border-color-default: var(--design-primary);
  --gl-action-selected-foreground-color-default: var(--design-on-primary);
  --gl-button-default-primary-foreground-color-default: var(--design-text);
  --gl-button-default-primary-border-color-default: var(--design-border-strong);
  --gl-button-default-tertiary-foreground-color-default: var(--design-text);
  --gl-action-neutral-foreground-color-default: var(--design-text);
  --gl-button-confirm-primary-background-color-hover: var(--design-primary-hover);
  --gl-button-confirm-primary-border-color-hover: var(--design-primary-hover);
  --gl-button-confirm-primary-foreground-color-hover: var(--design-on-primary);
  --gl-action-selected-background-color-hover: var(--design-primary-hover);
  --gl-action-selected-border-color-hover: var(--design-primary-hover);
  --gl-action-selected-foreground-color-hover: var(--design-on-primary);
  --gl-button-default-primary-foreground-color-hover: var(--design-text);
  --gl-button-default-primary-border-color-hover: var(--design-border-strong);
  --gl-button-default-tertiary-foreground-color-hover: var(--design-text);
  --gl-action-neutral-foreground-color-hover: var(--design-text);
  --gl-button-confirm-primary-background-color-focus: var(--design-primary-hover);
  --gl-button-confirm-primary-border-color-focus: var(--design-primary-hover);
  --gl-button-confirm-primary-foreground-color-focus: var(--design-on-primary);
  --gl-action-selected-background-color-focus: var(--design-primary-hover);
  --gl-action-selected-border-color-focus: var(--design-primary-hover);
  --gl-action-selected-foreground-color-focus: var(--design-on-primary);
  --gl-button-default-primary-foreground-color-focus: var(--design-text);
  --gl-button-default-primary-border-color-focus: var(--design-border-strong);
  --gl-button-default-tertiary-foreground-color-focus: var(--design-text);
  --gl-action-neutral-foreground-color-focus: var(--design-text);
  --gl-button-confirm-primary-background-color-active: var(--design-primary-active);
  --gl-button-confirm-primary-border-color-active: var(--design-primary-active);
  --gl-button-confirm-primary-foreground-color-active: var(--design-on-primary);
  --gl-action-selected-background-color-active: var(--design-primary-active);
  --gl-action-selected-border-color-active: var(--design-primary-active);
  --gl-action-selected-foreground-color-active: var(--design-on-primary);
  --gl-button-default-primary-foreground-color-active: var(--design-text);
  --gl-button-default-primary-border-color-active: var(--design-border-strong);
  --gl-button-default-tertiary-foreground-color-active: var(--design-text);
  --gl-action-neutral-foreground-color-active: var(--design-text);
  --gl-button-default-primary-background-color-default: var(--design-surface-2);
  --gl-button-default-primary-background-color-hover: var(--design-surface-hover);
  --gl-button-default-tertiary-background-color-hover: var(--design-surface-hover);
  --gl-action-neutral-background-color-hover: var(--design-surface-hover);
  --gl-nav-item-background-color-hover: var(--design-surface-hover);
  --gl-button-default-primary-background-color-focus: var(--design-surface-hover);
  --gl-button-default-tertiary-background-color-focus: var(--design-surface-hover);
  --gl-action-neutral-background-color-focus: var(--design-surface-hover);
  --gl-nav-item-background-color-focus: var(--design-surface-hover);
  --gl-button-default-primary-background-color-active: var(--design-surface-active);
  --gl-button-default-tertiary-background-color-active: var(--design-surface-active);
  --gl-action-neutral-background-color-active: var(--design-surface-active);
  --gl-nav-item-background-color-active: var(--design-surface-active);
  --gl-nav-item-foreground-color-default: var(--design-text-muted);
  --gl-nav-item-foreground-color-hover: var(--design-text);
  --gl-nav-item-foreground-color-focus: var(--design-text);
  --gl-nav-item-foreground-color-active: var(--design-text);
  --gl-nav-item-selected-background-color-default: var(--design-surface-3);
  --gl-nav-item-selected-foreground-color-default: var(--design-text);
  --gl-dropdown-option-background-color-selected-default: var(--design-surface-3);
  --gl-table-row-background-color-hover: var(--design-surface-hover);
  --gl-highlight-target-background-color: var(--design-info-subtle);
  --gl-highlight-target-border-color: var(--design-info-border);
  --gl-link-mention-background-color-default: var(--design-info-subtle);
  --gl-link-mention-text-color-default: var(--design-info);
  --gl-link-mention-background-color-current: var(--design-warning-subtle);
  --gl-link-mention-text-color-current: var(--design-warning);
  --gl-feedback-neutral-background-color: var(--design-surface-3);
  --gl-feedback-neutral-border-color: var(--design-border);
  --gl-feedback-neutral-text-color: var(--design-text);
  --gl-feedback-neutral-icon-color: var(--design-text-muted);
  --gl-feedback-success-text-color: var(--design-success);
  --gl-feedback-success-icon-color: var(--design-success);
  --gl-feedback-success-background-color: var(--design-success-subtle);
  --gl-feedback-success-border-color: var(--design-success-border);
  --gl-status-success-text-color: var(--design-success);
  --gl-status-success-icon-color: var(--design-success);
  --gl-status-success-background-color: var(--design-success-subtle);
  --gl-badge-success-background-color-default: var(--design-success-subtle);
  --gl-badge-success-border-color-default: var(--design-success-border);
  --gl-badge-success-text-color-default: var(--design-success);
  --gl-badge-success-icon-color-default: var(--design-success);
  --gl-badge-success-background-color-hover: var(--design-success-subtle);
  --gl-badge-success-border-color-hover: var(--design-success-border);
  --gl-badge-success-text-color-hover: var(--design-success);
  --gl-badge-success-icon-color-hover: var(--design-success);
  --gl-badge-success-background-color-focus: var(--design-success-subtle);
  --gl-badge-success-border-color-focus: var(--design-success-border);
  --gl-badge-success-text-color-focus: var(--design-success);
  --gl-badge-success-icon-color-focus: var(--design-success);
  --gl-badge-success-background-color-active: var(--design-success-subtle);
  --gl-badge-success-border-color-active: var(--design-success-border);
  --gl-badge-success-text-color-active: var(--design-success);
  --gl-badge-success-icon-color-active: var(--design-success);
  --gl-feedback-warning-text-color: var(--design-warning);
  --gl-feedback-warning-icon-color: var(--design-warning);
  --gl-feedback-warning-background-color: var(--design-warning-subtle);
  --gl-feedback-warning-border-color: var(--design-warning-border);
  --gl-status-warning-text-color: var(--design-warning);
  --gl-status-warning-icon-color: var(--design-warning);
  --gl-status-warning-background-color: var(--design-warning-subtle);
  --gl-badge-warning-background-color-default: var(--design-warning-subtle);
  --gl-badge-warning-border-color-default: var(--design-warning-border);
  --gl-badge-warning-text-color-default: var(--design-warning);
  --gl-badge-warning-icon-color-default: var(--design-warning);
  --gl-badge-warning-background-color-hover: var(--design-warning-subtle);
  --gl-badge-warning-border-color-hover: var(--design-warning-border);
  --gl-badge-warning-text-color-hover: var(--design-warning);
  --gl-badge-warning-icon-color-hover: var(--design-warning);
  --gl-badge-warning-background-color-focus: var(--design-warning-subtle);
  --gl-badge-warning-border-color-focus: var(--design-warning-border);
  --gl-badge-warning-text-color-focus: var(--design-warning);
  --gl-badge-warning-icon-color-focus: var(--design-warning);
  --gl-badge-warning-background-color-active: var(--design-warning-subtle);
  --gl-badge-warning-border-color-active: var(--design-warning-border);
  --gl-badge-warning-text-color-active: var(--design-warning);
  --gl-badge-warning-icon-color-active: var(--design-warning);
  --gl-feedback-danger-text-color: var(--design-danger);
  --gl-feedback-danger-icon-color: var(--design-danger);
  --gl-feedback-danger-background-color: var(--design-danger-subtle);
  --gl-feedback-danger-border-color: var(--design-danger-border);
  --gl-status-danger-text-color: var(--design-danger);
  --gl-status-danger-icon-color: var(--design-danger);
  --gl-status-danger-background-color: var(--design-danger-subtle);
  --gl-badge-danger-background-color-default: var(--design-danger-subtle);
  --gl-badge-danger-border-color-default: var(--design-danger-border);
  --gl-badge-danger-text-color-default: var(--design-danger);
  --gl-badge-danger-icon-color-default: var(--design-danger);
  --gl-badge-danger-background-color-hover: var(--design-danger-subtle);
  --gl-badge-danger-border-color-hover: var(--design-danger-border);
  --gl-badge-danger-text-color-hover: var(--design-danger);
  --gl-badge-danger-icon-color-hover: var(--design-danger);
  --gl-badge-danger-background-color-focus: var(--design-danger-subtle);
  --gl-badge-danger-border-color-focus: var(--design-danger-border);
  --gl-badge-danger-text-color-focus: var(--design-danger);
  --gl-badge-danger-icon-color-focus: var(--design-danger);
  --gl-badge-danger-background-color-active: var(--design-danger-subtle);
  --gl-badge-danger-border-color-active: var(--design-danger-border);
  --gl-badge-danger-text-color-active: var(--design-danger);
  --gl-badge-danger-icon-color-active: var(--design-danger);
  --gl-feedback-info-text-color: var(--design-info);
  --gl-feedback-info-icon-color: var(--design-info);
  --gl-feedback-info-background-color: var(--design-info-subtle);
  --gl-feedback-info-border-color: var(--design-info-border);
  --gl-status-info-text-color: var(--design-info);
  --gl-status-info-icon-color: var(--design-info);
  --gl-status-info-background-color: var(--design-info-subtle);
  --gl-badge-info-background-color-default: var(--design-info-subtle);
  --gl-badge-info-border-color-default: var(--design-info-border);
  --gl-badge-info-text-color-default: var(--design-info);
  --gl-badge-info-icon-color-default: var(--design-info);
  --gl-badge-info-background-color-hover: var(--design-info-subtle);
  --gl-badge-info-border-color-hover: var(--design-info-border);
  --gl-badge-info-text-color-hover: var(--design-info);
  --gl-badge-info-icon-color-hover: var(--design-info);
  --gl-badge-info-background-color-focus: var(--design-info-subtle);
  --gl-badge-info-border-color-focus: var(--design-info-border);
  --gl-badge-info-text-color-focus: var(--design-info);
  --gl-badge-info-icon-color-focus: var(--design-info);
  --gl-badge-info-background-color-active: var(--design-info-subtle);
  --gl-badge-info-border-color-active: var(--design-info-border);
  --gl-badge-info-text-color-active: var(--design-info);
  --gl-badge-info-icon-color-active: var(--design-info);
  --gl-badge-neutral-background-color-default: var(--design-surface-3);
  --gl-badge-neutral-border-color-default: var(--design-border);
  --gl-badge-neutral-text-color-default: var(--design-text);
  --gl-badge-neutral-icon-color-default: var(--design-text);
  --gl-badge-muted-background-color-default: var(--design-surface-3);
  --gl-badge-muted-border-color-default: var(--design-border);
  --gl-badge-muted-text-color-default: var(--design-text-muted);
  --gl-badge-muted-icon-color-default: var(--design-text-muted);
  --gl-badge-neutral-background-color-hover: var(--design-surface-3);
  --gl-badge-neutral-border-color-hover: var(--design-border);
  --gl-badge-neutral-text-color-hover: var(--design-text);
  --gl-badge-neutral-icon-color-hover: var(--design-text);
  --gl-badge-muted-background-color-hover: var(--design-surface-3);
  --gl-badge-muted-border-color-hover: var(--design-border);
  --gl-badge-muted-text-color-hover: var(--design-text-muted);
  --gl-badge-muted-icon-color-hover: var(--design-text-muted);
  --gl-badge-neutral-background-color-focus: var(--design-surface-3);
  --gl-badge-neutral-border-color-focus: var(--design-border);
  --gl-badge-neutral-text-color-focus: var(--design-text);
  --gl-badge-neutral-icon-color-focus: var(--design-text);
  --gl-badge-muted-background-color-focus: var(--design-surface-3);
  --gl-badge-muted-border-color-focus: var(--design-border);
  --gl-badge-muted-text-color-focus: var(--design-text-muted);
  --gl-badge-muted-icon-color-focus: var(--design-text-muted);
  --gl-badge-neutral-background-color-active: var(--design-surface-3);
  --gl-badge-neutral-border-color-active: var(--design-border);
  --gl-badge-neutral-text-color-active: var(--design-text);
  --gl-badge-neutral-icon-color-active: var(--design-text);
  --gl-badge-muted-background-color-active: var(--design-surface-3);
  --gl-badge-muted-border-color-active: var(--design-border);
  --gl-badge-muted-text-color-active: var(--design-text-muted);
  --gl-badge-muted-icon-color-active: var(--design-text-muted);
  --gl-status-neutral-background-color: var(--design-surface-3);
  --gl-status-neutral-text-color: var(--design-text);
  --gl-status-neutral-icon-color: var(--design-text-muted);
}

:root.html-devise-layout body {
  background-color: var(--design-surface-1);
  background-image: none;
}

.gl-form-input:focus-visible,
.gl-form-input.form-control:focus-visible {
  border-color: var(--gl-control-border-color-focus);
}

.super-topbar,
.super-sidebar {
  --gl-text-color-default: var(--design-on-frame);
  --gl-text-color-heading: var(--design-on-frame);
  --gl-text-color-strong: var(--design-on-frame);
  --gl-text-color-subtle: var(--design-on-frame);
  --gl-text-color-link: var(--design-on-frame);
  --gl-icon-color-default: var(--design-on-frame);
  --gl-icon-color-strong: var(--design-on-frame);
  --gl-icon-color-subtle: var(--design-on-frame);
  --gl-border-color-default: var(--design-frame-active);
  --gl-border-color-subtle: var(--design-frame-active);
  --gl-border-color-section: var(--design-frame-active);
  --gl-border-color-strong: var(--design-on-frame);
  --gl-focus-ring-outer-color: var(--design-on-frame);
  --gl-focus-ring-inner-color: var(--design-frame);
  --design-focus: var(--design-on-frame);
  --gl-nav-item-foreground-color-default: var(--design-on-frame);
  --gl-nav-item-selected-foreground-color-default: var(--design-on-frame);
  --gl-button-default-tertiary-foreground-color-default: var(--design-on-frame);
  --gl-action-neutral-foreground-color-default: var(--design-on-frame);
  --gl-nav-item-foreground-color-hover: var(--design-on-frame);
  --gl-nav-item-selected-foreground-color-hover: var(--design-on-frame);
  --gl-button-default-tertiary-foreground-color-hover: var(--design-on-frame);
  --gl-action-neutral-foreground-color-hover: var(--design-on-frame);
  --gl-nav-item-foreground-color-focus: var(--design-on-frame);
  --gl-nav-item-selected-foreground-color-focus: var(--design-on-frame);
  --gl-button-default-tertiary-foreground-color-focus: var(--design-on-frame);
  --gl-action-neutral-foreground-color-focus: var(--design-on-frame);
  --gl-nav-item-foreground-color-active: var(--design-on-frame);
  --gl-nav-item-selected-foreground-color-active: var(--design-on-frame);
  --gl-button-default-tertiary-foreground-color-active: var(--design-on-frame);
  --gl-action-neutral-foreground-color-active: var(--design-on-frame);
  --gl-nav-item-background-color-hover: var(--design-frame-hover);
  --gl-nav-item-selected-background-color-hover: var(--design-frame-hover);
  --gl-button-default-tertiary-background-color-hover: var(--design-frame-hover);
  --gl-action-neutral-background-color-hover: var(--design-frame-hover);
  --gl-nav-item-background-color-focus: var(--design-frame-hover);
  --gl-nav-item-selected-background-color-focus: var(--design-frame-hover);
  --gl-button-default-tertiary-background-color-focus: var(--design-frame-hover);
  --gl-action-neutral-background-color-focus: var(--design-frame-hover);
  --gl-nav-item-background-color-active: var(--design-frame-active);
  --gl-nav-item-selected-background-color-active: var(--design-frame-active);
  --gl-button-default-tertiary-background-color-active: var(--design-frame-active);
  --gl-action-neutral-background-color-active: var(--design-frame-active);
  --gl-button-default-primary-background-color-default: var(--design-frame);
  --gl-button-default-primary-foreground-color-default: var(--design-on-frame);
  --gl-button-default-primary-border-color-default: rgba(var(--design-on-frame-rgb), 0.4);
  --gl-button-default-primary-background-color-hover: var(--design-frame-hover);
  --gl-button-default-primary-foreground-color-hover: var(--design-on-frame);
  --gl-button-default-primary-border-color-hover: rgba(var(--design-on-frame-rgb), 0.4);
  --gl-button-default-primary-background-color-focus: var(--design-frame-hover);
  --gl-button-default-primary-foreground-color-focus: var(--design-on-frame);
  --gl-button-default-primary-border-color-focus: rgba(var(--design-on-frame-rgb), 0.4);
  --gl-button-default-primary-background-color-active: var(--design-frame-active);
  --gl-button-default-primary-foreground-color-active: var(--design-on-frame);
  --gl-button-default-primary-border-color-active: rgba(var(--design-on-frame-rgb), 0.4);
  --gl-nav-item-selected-background-color-default: var(--design-frame-active);
  --super-sidebar-hr-border-color: var(--design-frame-active);
  color: var(--design-on-frame);
}

.super-topbar .topbar-search-button {
  --gl-text-color-default: var(--design-text);
  --gl-text-color-subtle: var(--design-text-muted);
  --gl-icon-color-default: var(--design-text);
  --gl-icon-color-subtle: var(--design-text-muted);
  color: var(--design-text);
}

.super-topbar .gl-new-dropdown-panel,
.super-sidebar .gl-new-dropdown-panel,
.super-sidebar .gl-popover,
.super-topbar .gl-popover {
  --gl-text-color-default: var(--design-text);
  --gl-text-color-heading: var(--design-text);
  --gl-text-color-strong: var(--design-text);
  --gl-text-color-subtle: var(--design-text-muted);
  --gl-text-color-link: var(--design-link);
  --gl-icon-color-default: var(--design-text);
  --gl-icon-color-strong: var(--design-text);
  --gl-icon-color-subtle: var(--design-text-muted);
  --gl-border-color-default: var(--design-border);
  --gl-border-color-subtle: var(--design-border);
  --gl-border-color-section: var(--design-border);
  --gl-border-color-strong: var(--design-border-strong);
  --gl-focus-ring-outer-color: var(--design-link);
  --gl-focus-ring-inner-color: var(--design-surface-2);
  --design-focus: var(--design-link);
  --gl-nav-item-selected-foreground-color-default: var(--design-text);
  --gl-button-default-tertiary-foreground-color-default: var(--design-text);
  --gl-button-default-primary-foreground-color-default: var(--design-text);
  --gl-button-default-primary-border-color-default: var(--design-border-strong);
  --gl-action-neutral-foreground-color-default: var(--design-text);
  --gl-nav-item-selected-foreground-color-hover: var(--design-text);
  --gl-button-default-tertiary-foreground-color-hover: var(--design-text);
  --gl-button-default-primary-foreground-color-hover: var(--design-text);
  --gl-button-default-primary-border-color-hover: var(--design-border-strong);
  --gl-action-neutral-foreground-color-hover: var(--design-text);
  --gl-nav-item-selected-foreground-color-focus: var(--design-text);
  --gl-button-default-tertiary-foreground-color-focus: var(--design-text);
  --gl-button-default-primary-foreground-color-focus: var(--design-text);
  --gl-button-default-primary-border-color-focus: var(--design-border-strong);
  --gl-action-neutral-foreground-color-focus: var(--design-text);
  --gl-nav-item-selected-foreground-color-active: var(--design-text);
  --gl-button-default-tertiary-foreground-color-active: var(--design-text);
  --gl-button-default-primary-foreground-color-active: var(--design-text);
  --gl-button-default-primary-border-color-active: var(--design-border-strong);
  --gl-action-neutral-foreground-color-active: var(--design-text);
  --gl-button-default-primary-background-color-default: var(--design-surface-2);
  --gl-nav-item-foreground-color-default: var(--design-text-muted);
  --gl-button-default-primary-background-color-hover: var(--design-surface-hover);
  --gl-nav-item-foreground-color-hover: var(--design-text);
  --gl-nav-item-background-color-hover: var(--design-surface-hover);
  --gl-nav-item-selected-background-color-hover: var(--design-surface-hover);
  --gl-button-default-tertiary-background-color-hover: var(--design-surface-hover);
  --gl-action-neutral-background-color-hover: var(--design-surface-hover);
  --gl-button-default-primary-background-color-focus: var(--design-surface-hover);
  --gl-nav-item-foreground-color-focus: var(--design-text);
  --gl-nav-item-background-color-focus: var(--design-surface-hover);
  --gl-nav-item-selected-background-color-focus: var(--design-surface-hover);
  --gl-button-default-tertiary-background-color-focus: var(--design-surface-hover);
  --gl-action-neutral-background-color-focus: var(--design-surface-hover);
  --gl-button-default-primary-background-color-active: var(--design-surface-active);
  --gl-nav-item-foreground-color-active: var(--design-text);
  --gl-nav-item-background-color-active: var(--design-surface-active);
  --gl-nav-item-selected-background-color-active: var(--design-surface-active);
  --gl-button-default-tertiary-background-color-active: var(--design-surface-active);
  --gl-action-neutral-background-color-active: var(--design-surface-active);
  --gl-nav-item-selected-background-color-default: var(--design-surface-3);
  color: var(--design-text);
}