$light: (
  alert-info-foreground-color: var(--a2-color-neutral-950, #040404),
  alert-info-background-color: var(--a2-color-blue-10, #fafcff),
  alert-info-border-color: var(--a2-color-blue-600, #0265dc),
  alert-success-foreground-color: var(--a2-color-neutral-950, #040404),
  alert-success-background-color: var(--a2-color-green-10, #f5fefb),
  alert-success-border-color: var(--a2-color-green-600, #077e50),
  alert-warning-foreground-color: var(--a2-color-neutral-950, #040404),
  alert-warning-background-color: var(--a2-color-yellow-10, #fffef8),
  alert-warning-border-color: var(--a2-color-yellow-700, #c98600),
  alert-danger-foreground-color: var(--a2-color-neutral-950, #040404),
  alert-danger-background-color: var(--a2-color-red-10, #fffbfa),
  alert-danger-border-color: var(--a2-color-red-600, #d62100),
  alert-close-button-foreground-color: var(--a2-color-neutral-950, #040404),
  announcement-info-background-color: var(--a2-color-blue-600, #0265dc),
  announcement-info-foreground-color: var(--a2-color-neutral-0, #ffffff),
  announcement-info-action-button-background-color: #04040426,
  announcement-info-action-button-background-color-hover: #04040440,
  announcement-info-action-button-background-color-active: #0404044D,
  announcement-info-action-button-focus-ring-color: var(--a2-color-neutral-0, #ffffff),
  announcement-success-background-color: var(--a2-color-green-600, #077e50),
  announcement-success-foreground-color: var(--a2-color-neutral-0, #ffffff),
  announcement-success-action-button-background-color: #04040426,
  announcement-success-action-button-background-color-hover: #04040440,
  announcement-success-action-button-background-color-active: #0404044D,
  announcement-success-action-button-focus-ring-color: var(--a2-color-neutral-0, #ffffff),
  announcement-warning-background-color: var(--a2-color-yellow-500, #ffbe00),
  announcement-warning-foreground-color: var(--a2-color-neutral-900, #1a1a1a),
  announcement-warning-action-button-background-color: #04040426,
  announcement-warning-action-button-background-color-hover: #04040440,
  announcement-warning-action-button-background-color-active: #0404044D,
  announcement-warning-action-button-focus-ring-color: var(--a2-color-neutral-900, #1a1a1a),
  announcement-danger-background-color: var(--a2-color-red-600, #d62100),
  announcement-danger-foreground-color: var(--a2-color-neutral-0, #ffffff),
  announcement-danger-action-button-background-color: #04040426,
  announcement-danger-action-button-background-color-hover: #04040440,
  announcement-danger-action-button-background-color-active: #0404044D,
  announcement-danger-action-button-focus-ring-color: var(--a2-color-neutral-0, #ffffff),
  avatar-background-color: var(--a2-color-neutral-50, #eeeeee),
  avatar-foreground-color: var(--a2-color-neutral-950, #040404),
  avatar-border-color: var(--a2-color-neutral-0, #ffffff),
  avatar-indicator-background-color-default: var(--a2-color-neutral-0, #ffffff),
  avatar-indicator-background-color-online: var(--a2-color-green-600, #077e50),
  avatar-indicator-background-color-offline: var(--a2-color-neutral-600, #545454),
  avatar-indicator-border-color: var(--a2-color-neutral-400, #8b8b8b),
  badge-background-color: var(--a2-color-red-600, #d62100),
  badge-foreground-color: var(--a2-color-neutral-0, #ffffff),
  breadcrumb-link-foreground-color: var(--a2-color-neutral-950, #040404),
  breadcrumb-link-foreground-color-hover: var(--a2-color-neutral-950, #040404),
  button-toggle-unpressed-background-color: var(--a2-background-color-transparent-default, "rgba(0, 0, 0, 0)"),
  button-toggle-unpressed-background-color-hover: #8b8b8b14,
  button-toggle-unpressed-background-color-active: #8b8b8b29,
  button-toggle-unpressed-background-color-disabled: var(--a2-color-neutral-20, #f9f9f9),
  button-toggle-unpressed-foreground-color: var(--a2-color-neutral-950, #040404),
  button-toggle-unpressed-foreground-color-hover: var(--a2-color-neutral-950, #040404),
  button-toggle-unpressed-foreground-color-active: var(--a2-color-neutral-950, #040404),
  button-toggle-unpressed-foreground-color-disabled: var(--a2-color-neutral-500, #707070),
  button-toggle-unpressed-border-color: var(--a2-color-neutral-400, #8b8b8b),
  button-toggle-unpressed-border-color-hover: var(--a2-color-neutral-400, #8b8b8b),
  button-toggle-unpressed-border-color-active: var(--a2-color-neutral-400, #8b8b8b),
  button-toggle-unpressed-border-color-disabled: "rgba(0, 0, 0, 0)",
  button-toggle-pressed-background-color: var(--a2-color-blue-50, #e6f1ff),
  button-toggle-pressed-background-color-hover: var(--a2-color-blue-100, #cce3ff),
  button-toggle-pressed-background-color-active: var(--a2-color-blue-200, #9ecaff),
  button-toggle-pressed-background-color-disabled: var(--a2-color-neutral-20, #f9f9f9),
  button-toggle-pressed-foreground-color: var(--a2-color-blue-600, #0265dc),
  button-toggle-pressed-foreground-color-hover: var(--a2-color-blue-700, #1d4ca3),
  button-toggle-pressed-foreground-color-active: var(--a2-color-blue-800, #003472),
  button-toggle-pressed-foreground-color-disabled: var(--a2-color-neutral-500, #707070),
  button-toggle-pressed-border-color: var(--a2-color-blue-600, #0265dc),
  button-toggle-pressed-border-color-hover: var(--a2-color-blue-700, #1d4ca3),
  button-toggle-pressed-border-color-active: var(--a2-color-blue-800, #003472),
  button-toggle-pressed-border-color-disabled: "rgba(0, 0, 0, 0)",
  button-primary-foreground-color: var(--a2-color-neutral-0, #ffffff),
  button-primary-foreground-color-hover: var(--a2-color-neutral-0, #ffffff),
  button-primary-foreground-color-active: var(--a2-color-neutral-0, #ffffff),
  button-primary-foreground-color-disabled: var(--a2-color-neutral-500, #707070),
  button-primary-background-color: var(--a2-color-blue-600, #0265dc),
  button-primary-background-color-hover: var(--a2-color-blue-700, #1d4ca3),
  button-primary-background-color-active: var(--a2-color-blue-800, #003472),
  button-primary-background-color-disabled: var(--a2-color-neutral-20, #f9f9f9),
  button-primary-border-color: "rgba(0, 0, 0, 0)",
  button-primary-focus-ring-color: var(--a2-color-blue-600, #0265dc),
  button-secondary-foreground-color: var(--a2-color-neutral-950, #040404),
  button-secondary-foreground-color-hover: var(--a2-color-neutral-950, #040404),
  button-secondary-foreground-color-active: var(--a2-color-neutral-950, #040404),
  button-secondary-foreground-color-disabled: var(--a2-color-neutral-500, #707070),
  button-secondary-background-color: #0404040F,
  button-secondary-background-color-hover: #04040414,
  button-secondary-background-color-active: #04040429,
  button-secondary-background-color-disabled: var(--a2-color-neutral-20, #f9f9f9),
  button-secondary-border-color: "rgba(0, 0, 0, 0)",
  button-secondary-focus-ring-color: var(--a2-color-blue-600, #0265dc),
  button-ghost-foreground-color: var(--a2-color-neutral-950, #040404),
  button-ghost-foreground-color-hover: var(--a2-color-neutral-950, #040404),
  button-ghost-foreground-color-active: var(--a2-color-neutral-950, #040404),
  button-ghost-foreground-color-disabled: var(--a2-color-neutral-500, #707070),
  button-ghost-background-color: "rgba(0, 0, 0, 0)",
  button-ghost-background-color-hover: #8b8b8b14,
  button-ghost-background-color-active: #8b8b8b29,
  button-ghost-background-color-disabled: var(--a2-color-neutral-20, #f9f9f9),
  button-ghost-border-color: "rgba(0, 0, 0, 0)",
  button-ghost-focus-ring-color: var(--a2-color-blue-600, #0265dc),
  button-danger-primary-foreground-color: var(--a2-color-neutral-0, #ffffff),
  button-danger-primary-foreground-color-hover: var(--a2-color-neutral-0, #ffffff),
  button-danger-primary-foreground-color-active: var(--a2-color-neutral-0, #ffffff),
  button-danger-primary-foreground-color-disabled: var(--a2-color-neutral-500, #707070),
  button-danger-primary-background-color: var(--a2-color-red-600, #d62100),
  button-danger-primary-background-color-hover: var(--a2-color-red-700, #a31900),
  button-danger-primary-background-color-active: var(--a2-color-red-800, #731100),
  button-danger-primary-background-color-disabled: var(--a2-color-neutral-20, #f9f9f9),
  button-danger-primary-border-color: "rgba(0, 0, 0, 0)",
  button-danger-primary-focus-ring-color: var(--a2-color-red-600, #d62100),
  button-danger-secondary-foreground-color: var(--a2-color-red-700, #a31900),
  button-danger-secondary-foreground-color-hover: var(--a2-color-red-800, #731100),
  button-danger-secondary-foreground-color-active: var(--a2-color-red-900, #470b00),
  button-danger-secondary-foreground-color-disabled: var(--a2-color-neutral-500, #707070),
  button-danger-secondary-background-color: var(--a2-color-red-50, #ffe9e5),
  button-danger-secondary-background-color-hover: var(--a2-color-red-100, #ffd4cc),
  button-danger-secondary-background-color-active: var(--a2-color-red-200, #ffac9e),
  button-danger-secondary-background-color-disabled: var(--a2-color-neutral-20, #f9f9f9),
  button-danger-secondary-border-color: "rgba(0, 0, 0, 0)",
  button-danger-secondary-focus-ring-color: var(--a2-color-red-600, #d62100),
  calendar-cell-default-background-color: "rgba(0, 0, 0, 0)",
  calendar-cell-default-background-color-hover: #8b8b8b14,
  calendar-cell-default-background-color-active: #8b8b8b29,
  calendar-cell-default-foreground-color: var(--a2-color-neutral-950, #040404),
  calendar-cell-default-foreground-color-hover: var(--a2-color-neutral-950, #040404),
  calendar-cell-default-foreground-color-active: var(--a2-color-neutral-950, #040404),
  calendar-cell-selected-background-color: var(--a2-color-blue-600, #0265dc),
  calendar-cell-selected-background-color-hover: var(--a2-color-blue-700, #1d4ca3),
  calendar-cell-selected-background-color-active: var(--a2-color-blue-800, #003472),
  calendar-cell-selected-foreground-color: var(--a2-color-neutral-0, #ffffff),
  calendar-cell-selected-foreground-color-hover: var(--a2-color-neutral-0, #ffffff),
  calendar-cell-selected-foreground-color-active: var(--a2-color-neutral-0, #ffffff),
  calendar-cell-weekday-foreground-color: var(--a2-color-neutral-500, #707070),
  calendar-cell-range-background-color: var(--a2-background-color-transparent-primary, "rgba(0, 0, 0, 0)"),
  calendar-cell-range-background-color-hover: #1a82ff1A,
  calendar-cell-range-background-color-active: #1a82ff4D,
  calendar-cell-range-foreground-color: var(--a2-color-blue-600, #0265dc),
  calendar-cell-range-foreground-color-hover: var(--a2-color-blue-700, #1d4ca3),
  calendar-cell-range-foreground-color-active: var(--a2-color-blue-800, #003472),
  calendar-cell-focus-ring-color: var(--a2-color-blue-600, #0265dc),
  calendar-range-fill-background-color: var(--a2-color-blue-50, #e6f1ff),
  card-border-color: var(--a2-color-neutral-80, #e6e6e6),
  card-default-background-color: var(--a2-color-neutral-0, #ffffff),
  card-strong-background-color: var(--a2-color-neutral-20, #f9f9f9),
  card-stronger-background-color: var(--a2-color-neutral-50, #eeeeee),
  card-strongest-background-color: var(--a2-color-neutral-200, #c4c4c4),
  checkbox-default-checked-foreground-color: var(--a2-color-neutral-950, #040404),
  checkbox-default-checked-icon-background-color: var(--a2-background-color-transparent-primary, "rgba(0, 0, 0, 0)"),
  checkbox-default-checked-icon-background-color-hover: #1a82ff1A,
  checkbox-default-checked-icon-background-color-active: #1a82ff4D,
  checkbox-default-checked-icon-color: var(--a2-color-blue-600, #0265dc),
  checkbox-default-checked-icon-color-hover: var(--a2-color-blue-700, #1d4ca3),
  checkbox-default-checked-icon-color-active: var(--a2-color-blue-800, #003472),
  checkbox-default-checked-icon-color-disabled: var(--a2-color-neutral-500, #707070),
  checkbox-default-unchecked-foreground-color: var(--a2-color-neutral-950, #040404),
  checkbox-default-unchecked-icon-background-color: var(--a2-background-color-transparent-default, "rgba(0, 0, 0, 0)"),
  checkbox-default-unchecked-icon-background-color-hover: #8b8b8b14,
  checkbox-default-unchecked-icon-background-color-active: #8b8b8b29,
  checkbox-default-unchecked-icon-color: var(--a2-color-neutral-950, #040404),
  checkbox-default-unchecked-icon-color-hover: var(--a2-color-neutral-950, #040404),
  checkbox-default-unchecked-icon-color-active: var(--a2-color-neutral-950, #040404),
  checkbox-default-unchecked-icon-color-disabled: var(--a2-color-neutral-500, #707070),
  checkbox-default-focus-ring-color: var(--a2-color-blue-600, #0265dc),
  checkbox-error-checked-foreground-color: var(--a2-color-neutral-950, #040404),
  checkbox-error-checked-icon-background-color: var(--a2-background-color-transparent-danger, "rgba(0, 0, 0, 0)"),
  checkbox-error-checked-icon-background-color-hover: #ff39141A,
  checkbox-error-checked-icon-background-color-active: #ff39144D,
  checkbox-error-checked-icon-color: var(--a2-color-red-600, #d62100),
  checkbox-error-checked-icon-color-hover: var(--a2-color-red-700, #a31900),
  checkbox-error-checked-icon-color-active: var(--a2-color-red-800, #731100),
  checkbox-error-checked-icon-color-disabled: var(--a2-color-neutral-500, #707070),
  checkbox-error-unchecked-foreground-color: var(--a2-color-neutral-950, #040404),
  checkbox-error-unchecked-icon-background-color: var(--a2-background-color-transparent-danger, "rgba(0, 0, 0, 0)"),
  checkbox-error-unchecked-icon-background-color-hover: #ff39141A,
  checkbox-error-unchecked-icon-background-color-active: #ff39144D,
  checkbox-error-unchecked-icon-color: var(--a2-color-red-600, #d62100),
  checkbox-error-unchecked-icon-color-hover: var(--a2-color-red-700, #a31900),
  checkbox-error-unchecked-icon-color-active: var(--a2-color-red-800, #731100),
  checkbox-error-unchecked-icon-color-disabled: var(--a2-color-neutral-500, #707070),
  checkbox-error-focus-ring-color: var(--a2-color-red-600, #d62100),
  chip-background-color: var(--a2-color-neutral-50, #eeeeee),
  chip-background-color-hover: var(--a2-color-neutral-90, #e5e5e5),
  chip-background-color-active: var(--a2-color-neutral-100, #dfdfdf),
  chip-border-color: var(--a2-color-neutral-80, #e6e6e6),
  chip-foreground-color: var(--a2-color-neutral-950, #040404),
  chip-focus-ring-color: var(--a2-color-blue-600, #0265dc),
  chip-close-background-color: "rgba(0, 0, 0, 0)",
  chip-close-background-color-hover: var(--a2-color-neutral-300, #a8a8a8),
  chip-close-background-color-active: var(--a2-color-neutral-400, #8b8b8b),
  combobox-item-default-background-color: var(--a2-background-color-transparent-default, "rgba(0, 0, 0, 0)"),
  combobox-item-default-background-color-hover: #8b8b8b14,
  combobox-item-default-background-color-active: #8b8b8b29,
  combobox-item-default-foreground-color: var(--a2-color-neutral-950, #040404),
  combobox-item-default-foreground-color-hover: var(--a2-color-neutral-950, #040404),
  combobox-item-default-foreground-color-active: var(--a2-color-neutral-950, #040404),
  combobox-item-selected-background-color: var(--a2-color-blue-50, #e6f1ff),
  combobox-item-selected-background-color-hover: var(--a2-color-blue-100, #cce3ff),
  combobox-item-selected-background-color-active: var(--a2-color-blue-200, #9ecaff),
  combobox-item-selected-foreground-color: var(--a2-color-blue-600, #0265dc),
  combobox-item-selected-foreground-color-hover: var(--a2-color-blue-700, #1d4ca3),
  combobox-item-selected-foreground-color-active: var(--a2-color-blue-800, #003472),
  combobox-item-disabled-foreground-color: var(--a2-color-neutral-500, #707070),
  combobox-item-disabled-icon-color: var(--a2-color-neutral-500, #707070),
  details-summary-foreground-color: var(--a2-color-neutral-950, #040404),
  details-summary-foreground-color-hover: var(--a2-color-neutral-950, #040404),
  details-summary-foreground-color-active: var(--a2-color-neutral-950, #040404),
  details-summary-background-color: var(--a2-background-color-transparent-default, "rgba(0, 0, 0, 0)"),
  details-summary-background-color-hover: #8b8b8b14,
  details-summary-background-color-active: #8b8b8b29,
  details-summary-focus-ring-color: var(--a2-color-blue-600, #0265dc),
  details-content-foreground-color: var(--a2-color-neutral-950, #040404),
  dialog-background-color: var(--a2-color-neutral-0, #ffffff),
  dialog-border-color: var(--a2-color-neutral-80, #e6e6e6),
  dialog-backdrop-color: var(--a2-color-neutral-900, #1a1a1a),
  dialog-backdrop-fullscreen-color: var(--a2-color-neutral-0, #ffffff),
  divider-border-color: var(--a2-color-neutral-80, #e6e6e6),
  dnd-drop-line-background-color: var(--a2-color-green-600, #077e50),
  dnd-drop-line-indicator-background-color: var(--a2-color-neutral-0, #ffffff),
  dnd-drop-line-indicator-border-color: var(--a2-color-green-600, #077e50),
  dnd-drop-zone-active-not-over-background-color: var(--a2-color-blue-50, #e6f1ff),
  dnd-drop-zone-active-not-over-border-color: var(--a2-color-blue-600, #0265dc),
  dnd-drop-zone-over-valid-background-color: var(--a2-color-green-50, #d3fded),
  dnd-drop-zone-over-valid-border-color: var(--a2-color-green-600, #077e50),
  dnd-drop-zone-over-invalid-background-color: var(--a2-color-red-50, #ffe9e5),
  dnd-drop-zone-over-invalid-border-color: var(--a2-color-red-600, #d62100),
  dnd-drag-preview-shadow-color: #1a1a1a14,
  drawer-background-color: var(--a2-color-neutral-0, #ffffff),
  drawer-border-color: var(--a2-color-neutral-80, #e6e6e6),
  drawer-backdrop-color: var(--a2-color-neutral-900, #1a1a1a),
  drilldown-background-color: var(--a2-color-neutral-0, #ffffff),
  drilldown-border-color: var(--a2-color-neutral-80, #e6e6e6),
  drilldown-backdrop-color: var(--a2-color-neutral-500, #707070),
  edit-card-default-border-inline-start-color: var(--a2-color-neutral-80, #e6e6e6),
  edit-card-default-indicator-background-color: var(--a2-color-neutral-0, #ffffff),
  edit-card-default-indicator-border-color: var(--a2-color-neutral-200, #c4c4c4),
  edit-card-default-indicator-icon-color: "rgba(0, 0, 0, 0)",
  edit-card-in-progress-border-inline-start-color: var(--a2-color-blue-600, #0265dc),
  edit-card-in-progress-indicator-border-color: var(--a2-color-blue-600, #0265dc),
  edit-card-in-progress-indicator-icon-color: var(--a2-color-blue-600, #0265dc),
  edit-card-complete-border-inline-start-color: var(--a2-color-blue-600, #0265dc),
  edit-card-complete-indicator-background-color: var(--a2-color-blue-600, #0265dc),
  edit-card-complete-indicator-border-color: var(--a2-color-blue-600, #0265dc),
  edit-card-complete-indicator-icon-color: var(--a2-color-neutral-0, #ffffff),
  edit-card-error-border-inline-start-color: var(--a2-color-red-600, #d62100),
  edit-card-error-indicator-background-color: var(--a2-color-red-600, #d62100),
  edit-card-error-indicator-border-color: var(--a2-color-red-600, #d62100),
  edit-card-error-indicator-icon-color: var(--a2-color-neutral-0, #ffffff),
  field-label-foreground-color: var(--a2-color-neutral-950, #040404),
  field-label-required-color: var(--a2-color-red-600, #d62100),
  field-message-foreground-color: var(--a2-color-neutral-500, #707070),
  field-message-error-foreground-color: var(--a2-color-red-600, #d62100),
  field-message-warning-foreground-color: var(--a2-color-neutral-500, #707070),
  icon-foreground-color: var(--a2-color-neutral-950, #040404),
  icon-focus-ring-color: var(--a2-color-blue-600, #0265dc),
  link-primary-foreground-color: var(--a2-color-blue-600, #0265dc),
  link-primary-foreground-color-hover: var(--a2-color-blue-700, #1d4ca3),
  link-secondary-foreground-color: var(--a2-color-neutral-950, #040404),
  link-secondary-foreground-color-hover: #040404CC,
  link-focus-ring-color: var(--a2-color-blue-600, #0265dc),
  list-view-foreground-color: var(--a2-color-neutral-950, #040404),
  list-view-background-color: var(--a2-background-color-transparent-default, "rgba(0, 0, 0, 0)"),
  list-view-background-color-hover: #8b8b8b14,
  list-view-group-label-foreground-color: var(--a2-color-neutral-500, #707070),
  listbox-option-default-foreground-color: var(--a2-color-neutral-950, #040404),
  listbox-option-default-foreground-color-hover: var(--a2-color-neutral-950, #040404),
  listbox-option-default-foreground-color-active: var(--a2-color-neutral-950, #040404),
  listbox-option-default-background-color: "rgba(0, 0, 0, 0)",
  listbox-option-default-background-color-hover: #8b8b8b14,
  listbox-option-default-background-color-active: #8b8b8b29,
  listbox-option-default-focus-ring-color: var(--a2-color-blue-600, #0265dc),
  listbox-option-selected-foreground-color: var(--a2-color-blue-600, #0265dc),
  listbox-option-selected-foreground-color-hover: var(--a2-color-blue-700, #1d4ca3),
  listbox-option-selected-foreground-color-active: var(--a2-color-blue-800, #003472),
  listbox-option-selected-background-color: var(--a2-color-blue-50, #e6f1ff),
  listbox-option-selected-background-color-hover: var(--a2-color-blue-100, #cce3ff),
  listbox-option-selected-background-color-active: var(--a2-color-blue-200, #9ecaff),
  listbox-group-label-foreground-color: var(--a2-color-neutral-500, #707070),
  listbox-group-border-color: var(--a2-color-neutral-80, #e6e6e6),
  menu-content-foreground-color: var(--a2-color-neutral-950, #040404),
  menu-content-background-color: var(--a2-color-neutral-20, #f9f9f9),
  menu-content-border-color: var(--a2-color-neutral-80, #e6e6e6),
  menu-content-shadow-color: #1a1a1a14,
  menu-item-foreground-color: var(--a2-color-neutral-950, #040404),
  menu-item-foreground-color-hover: var(--a2-color-neutral-950, #040404),
  menu-item-foreground-color-active: var(--a2-color-neutral-950, #040404),
  menu-item-background-color: "rgba(0, 0, 0, 0)",
  menu-item-background-color-hover: #8b8b8b14,
  menu-item-background-color-active: #8b8b8b29,
  menu-arrow-foreground-color: var(--a2-color-neutral-950, #040404),
  menu-arrow-background-color: var(--a2-color-neutral-20, #f9f9f9),
  overflow-content-focus-ring-color: var(--a2-color-blue-600, #0265dc),
  overflow-shadow-color: #1a1a1a14,
  overflow-expand-button-foreground-color: var(--a2-color-blue-600, #0265dc),
  overflow-expand-button-focus-ring-color: var(--a2-color-blue-600, #0265dc),
  page-container-foreground-color: var(--a2-color-neutral-950, #040404),
  page-container-background-color: var(--a2-color-neutral-0, #ffffff),
  page-content-footer-background-color: var(--a2-color-neutral-0, #ffffff),
  page-content-footer-border-color: var(--a2-color-neutral-80, #e6e6e6),
  page-content-footer-shadow-color: #1a1a1a14,
  page-sidebar-background-color: var(--a2-color-neutral-0, #ffffff),
  page-sidebar-border-color: var(--a2-color-neutral-80, #e6e6e6),
  page-sidebar-shadow-color: #1a1a1a14,
  page-sidebar-header-background-color: var(--a2-color-neutral-0, #ffffff),
  page-sidebar-adaptive-trigger-container-background-color: var(--a2-color-neutral-0, #ffffff),
  page-sidebar-adaptive-trigger-container-shadow-color: #1a1a1a14,
  page-sidebar-adaptive-trigger-foreground-color: var(--a2-color-neutral-950, #040404),
  page-sidebar-adaptive-trigger-background-color: var(--a2-color-neutral-50, #eeeeee),
  page-toggle-button-background-color: var(--a2-color-neutral-0, #ffffff),
  page-toggle-button-background-color-hover: var(--a2-color-neutral-20, #f9f9f9),
  page-toggle-button-background-color-active: var(--a2-color-neutral-40, #f1f1f1),
  page-toggle-button-border-color: var(--a2-color-neutral-80, #e6e6e6),
  page-panel-background-color: var(--a2-color-neutral-0, #ffffff),
  page-panel-border-color: var(--a2-color-neutral-80, #e6e6e6),
  pagination-foreground-color: var(--a2-color-neutral-950, #040404),
  pagination-items-per-page-button-background-color: var(--a2-color-neutral-0, #ffffff),
  pagination-items-per-page-button-border-color: var(--a2-color-neutral-400, #8b8b8b),
  popover-content-foreground-color: var(--a2-color-neutral-950, #040404),
  popover-content-background-color: var(--a2-color-neutral-20, #f9f9f9),
  popover-content-border-color: var(--a2-color-neutral-80, #e6e6e6),
  popover-content-shadow-color: #1a1a1a14,
  popover-arrow-fill-color: var(--a2-color-neutral-20, #f9f9f9),
  popover-arrow-stroke-color: var(--a2-color-neutral-80, #e6e6e6),
  progress-bar-track-background-color: var(--a2-color-neutral-50, #eeeeee),
  progress-bar-fill-background-color-info: var(--a2-color-blue-600, #0265dc),
  progress-bar-fill-background-color-success: var(--a2-color-green-600, #077e50),
  progress-bar-fill-background-color-error: var(--a2-color-red-600, #d62100),
  progress-bar-check-icon-foreground-color: var(--a2-color-green-600, #077e50),
  progress-bar-error-icon-foreground-color: var(--a2-color-red-600, #d62100),
  radio-default-checked-foreground-color: var(--a2-color-neutral-950, #040404),
  radio-default-checked-icon-background-color: var(--a2-background-color-transparent-primary, "rgba(0, 0, 0, 0)"),
  radio-default-checked-icon-background-color-hover: #1a82ff1A,
  radio-default-checked-icon-background-color-active: #1a82ff4D,
  radio-default-checked-icon-color: var(--a2-color-blue-600, #0265dc),
  radio-default-checked-icon-color-hover: var(--a2-color-blue-700, #1d4ca3),
  radio-default-checked-icon-color-active: var(--a2-color-blue-800, #003472),
  radio-default-checked-icon-color-disabled: var(--a2-color-neutral-500, #707070),
  radio-default-unchecked-foreground-color: var(--a2-color-neutral-950, #040404),
  radio-default-unchecked-icon-background-color: var(--a2-background-color-transparent-default, "rgba(0, 0, 0, 0)"),
  radio-default-unchecked-icon-background-color-hover: #8b8b8b14,
  radio-default-unchecked-icon-background-color-active: #8b8b8b29,
  radio-default-unchecked-icon-color: var(--a2-color-neutral-950, #040404),
  radio-default-unchecked-icon-color-hover: var(--a2-color-neutral-950, #040404),
  radio-default-unchecked-icon-color-active: var(--a2-color-neutral-950, #040404),
  radio-default-unchecked-icon-color-disabled: var(--a2-color-neutral-500, #707070),
  radio-default-focus-ring-color: var(--a2-color-blue-600, #0265dc),
  radio-error-checked-foreground-color: var(--a2-color-neutral-950, #040404),
  radio-error-checked-icon-background-color: var(--a2-background-color-transparent-danger, "rgba(0, 0, 0, 0)"),
  radio-error-checked-icon-background-color-hover: #ff39141A,
  radio-error-checked-icon-background-color-active: #ff39144D,
  radio-error-checked-icon-color: var(--a2-color-red-600, #d62100),
  radio-error-checked-icon-color-hover: var(--a2-color-red-700, #a31900),
  radio-error-checked-icon-color-active: var(--a2-color-red-800, #731100),
  radio-error-checked-icon-color-disabled: var(--a2-color-neutral-500, #707070),
  radio-error-unchecked-foreground-color: var(--a2-color-neutral-950, #040404),
  radio-error-unchecked-icon-background-color: var(--a2-background-color-transparent-danger, "rgba(0, 0, 0, 0)"),
  radio-error-unchecked-icon-background-color-hover: #ff39141A,
  radio-error-unchecked-icon-background-color-active: #ff39144D,
  radio-error-unchecked-icon-color: var(--a2-color-red-600, #d62100),
  radio-error-unchecked-icon-color-hover: var(--a2-color-red-700, #a31900),
  radio-error-unchecked-icon-color-active: var(--a2-color-red-800, #731100),
  radio-error-unchecked-icon-color-disabled: var(--a2-color-neutral-500, #707070),
  radio-error-focus-ring-color: var(--a2-color-red-600, #d62100),
  segmented-control-background-color: var(--a2-color-neutral-50, #eeeeee),
  segmented-control-segment-background-color: "rgba(0, 0, 0, 0)",
  segmented-control-segment-background-color-hover: #8b8b8b14,
  segmented-control-segment-background-color-active: #8b8b8b29,
  segmented-control-button-foreground-color: var(--a2-color-neutral-950, #040404),
  segmented-control-button-background-color: var(--a2-color-neutral-0, #ffffff),
  segmented-control-border-color: var(--a2-color-neutral-80, #e6e6e6),
  segmented-control-shadow-color: #1a1a1a14,
  segmented-control-focus-ring-color: var(--a2-color-blue-600, #0265dc),
  select-card-unchecked-foreground-color: var(--a2-color-blue-600, #0265dc),
  select-card-unchecked-foreground-color-hover: var(--a2-color-blue-700, #1d4ca3),
  select-card-unchecked-foreground-color-active: var(--a2-color-blue-800, #003472),
  select-card-unchecked-default-background-color: var(--a2-color-neutral-0, #ffffff),
  select-card-unchecked-default-background-color-hover: var(--a2-color-neutral-20, #f9f9f9),
  select-card-unchecked-default-background-color-active: var(--a2-color-neutral-40, #f1f1f1),
  select-card-unchecked-strong-background-color: var(--a2-color-neutral-20, #f9f9f9),
  select-card-unchecked-strong-background-color-hover: var(--a2-color-neutral-50, #eeeeee),
  select-card-unchecked-strong-background-color-active: var(--a2-color-neutral-70, #e8e8e8),
  select-card-unchecked-stronger-background-color: var(--a2-color-neutral-50, #eeeeee),
  select-card-unchecked-stronger-background-color-hover: var(--a2-color-neutral-90, #e5e5e5),
  select-card-unchecked-stronger-background-color-active: var(--a2-color-neutral-100, #dfdfdf),
  select-card-unchecked-icon-color: var(--a2-color-neutral-950, #040404),
  select-card-unchecked-icon-color-disabled: var(--a2-color-neutral-500, #707070),
  select-card-unchecked-border-color: var(--a2-color-neutral-80, #e6e6e6),
  select-card-unchecked-focus-ring-color: var(--a2-color-blue-600, #0265dc),
  select-card-unchecked-shadow-color: #1a1a1a14,
  select-card-checked-foreground-color: var(--a2-color-blue-600, #0265dc),
  select-card-checked-foreground-color-hover: var(--a2-color-blue-700, #1d4ca3),
  select-card-checked-foreground-color-active: var(--a2-color-blue-800, #003472),
  select-card-checked-default-background-color: var(--a2-color-neutral-0, #ffffff),
  select-card-checked-default-background-color-hover: var(--a2-color-neutral-20, #f9f9f9),
  select-card-checked-default-background-color-active: var(--a2-color-neutral-40, #f1f1f1),
  select-card-checked-strong-background-color: var(--a2-color-neutral-20, #f9f9f9),
  select-card-checked-strong-background-color-hover: var(--a2-color-neutral-50, #eeeeee),
  select-card-checked-strong-background-color-active: var(--a2-color-neutral-70, #e8e8e8),
  select-card-checked-stronger-background-color: var(--a2-color-neutral-50, #eeeeee),
  select-card-checked-stronger-background-color-hover: var(--a2-color-neutral-90, #e5e5e5),
  select-card-checked-stronger-background-color-active: var(--a2-color-neutral-100, #dfdfdf),
  select-card-checked-icon-color: var(--a2-color-blue-600, #0265dc),
  select-card-checked-icon-color-disabled: var(--a2-color-neutral-500, #707070),
  select-card-checked-border-color: var(--a2-color-neutral-700, #404040),
  select-card-checked-focus-ring-color: var(--a2-color-blue-600, #0265dc),
  select-card-checked-shadow-color: #1a1a1a14,
  select-card-checked-error-foreground-color: var(--a2-color-blue-600, #0265dc),
  select-card-checked-error-foreground-color-hover: var(--a2-color-blue-700, #1d4ca3),
  select-card-checked-error-foreground-color-active: var(--a2-color-blue-800, #003472),
  select-card-checked-error-default-background-color: var(--a2-color-neutral-0, #ffffff),
  select-card-checked-error-default-background-color-hover: var(--a2-color-neutral-20, #f9f9f9),
  select-card-checked-error-default-background-color-active: var(--a2-color-neutral-40, #f1f1f1),
  select-card-checked-error-strong-background-color: var(--a2-color-neutral-20, #f9f9f9),
  select-card-checked-error-strong-background-color-hover: var(--a2-color-neutral-50, #eeeeee),
  select-card-checked-error-strong-background-color-active: var(--a2-color-neutral-70, #e8e8e8),
  select-card-checked-error-stronger-background-color: var(--a2-color-neutral-50, #eeeeee),
  select-card-checked-error-stronger-background-color-hover: var(--a2-color-neutral-90, #e5e5e5),
  select-card-checked-error-stronger-background-color-active: var(--a2-color-neutral-100, #dfdfdf),
  select-card-checked-error-icon-color: var(--a2-color-red-600, #d62100),
  select-card-checked-error-icon-color-disabled: var(--a2-color-neutral-500, #707070),
  select-card-checked-error-border-color: var(--a2-color-red-600, #d62100),
  select-card-checked-error-focus-ring-color: var(--a2-color-red-600, #d62100),
  select-card-checked-error-shadow-color: #1a1a1a14,
  side-nav-link-default-foreground-color: var(--a2-color-neutral-950, #040404),
  side-nav-link-default-foreground-color-hover: var(--a2-color-neutral-950, #040404),
  side-nav-link-default-foreground-color-active: var(--a2-color-neutral-950, #040404),
  side-nav-link-default-foreground-color-disabled: var(--a2-color-neutral-500, #707070),
  side-nav-link-default-background-color: "rgba(0, 0, 0, 0)",
  side-nav-link-default-background-color-hover: #8b8b8b14,
  side-nav-link-default-background-color-active: #8b8b8b29,
  side-nav-link-default-background-color-disabled: var(--a2-background-color-transparent-default, "rgba(0, 0, 0, 0)"),
  side-nav-link-default-focus-ring-color: var(--a2-color-blue-600, #0265dc),
  side-nav-link-active-foreground-color: var(--a2-color-blue-600, #0265dc),
  side-nav-link-active-foreground-color-hover: var(--a2-color-blue-700, #1d4ca3),
  side-nav-link-active-foreground-color-active: var(--a2-color-blue-800, #003472),
  side-nav-link-active-foreground-color-disabled: var(--a2-color-neutral-500, #707070),
  side-nav-link-active-background-color: var(--a2-color-blue-50, #e6f1ff),
  side-nav-link-active-background-color-hover: var(--a2-color-blue-100, #cce3ff),
  side-nav-link-active-background-color-active: var(--a2-color-blue-200, #9ecaff),
  side-nav-link-active-background-color-disabled: var(--a2-background-color-transparent-default, "rgba(0, 0, 0, 0)"),
  side-nav-link-active-focus-ring-color: var(--a2-color-blue-600, #0265dc),
  side-nav-group-foreground-color: var(--a2-color-neutral-500, #707070),
  skeleton-background-color: var(--a2-color-neutral-50, #eeeeee),
  skeleton-pulse-color: #8b8b8b14,
  spinner-foreground-color-primary: var(--a2-color-blue-600, #0265dc),
  spinner-foreground-color-current: currentColor,
  spinner-track-foreground-color: #0404040F,
  spinner-arc-foreground-color: currentColor,
  status-icon-info-fill-color: var(--a2-color-blue-500, #1a82ff),
  status-icon-info-stroke-color: var(--a2-color-blue-700, #1d4ca3),
  status-icon-success-fill-color: var(--a2-color-green-600, #077e50),
  status-icon-success-stroke-color: var(--a2-color-green-800, #04482e),
  status-icon-warning-fill-color: var(--a2-color-orange-400, #e37700),
  status-icon-warning-stroke-color: var(--a2-color-orange-600, #964f00),
  status-icon-danger-fill-color: var(--a2-color-red-600, #d62100),
  status-icon-danger-stroke-color: var(--a2-color-red-700, #a31900),
  stepper-focus-ring-color: var(--a2-color-blue-600, #0265dc),
  stepper-step-default-label-foreground-color: var(--a2-color-neutral-950, #040404),
  stepper-step-default-link-foreground-color: var(--a2-color-blue-600, #0265dc),
  stepper-step-default-background-color: var(--a2-color-blue-600, #0265dc),
  stepper-step-default-foreground-color: var(--a2-color-neutral-0, #ffffff),
  stepper-step-default-track-color: var(--a2-color-neutral-50, #eeeeee),
  stepper-step-default-circle-background-color: var(--a2-color-neutral-0, #ffffff),
  stepper-step-default-circle-border-color: var(--a2-color-neutral-400, #8b8b8b),
  stepper-step-default-circle-icon-color: var(--a2-color-neutral-0, #ffffff),
  stepper-step-current-label-foreground-color: var(--a2-color-neutral-950, #040404),
  stepper-step-current-background-color: var(--a2-color-blue-600, #0265dc),
  stepper-step-current-foreground-color: var(--a2-color-neutral-0, #ffffff),
  stepper-step-current-track-color: var(--a2-color-neutral-50, #eeeeee),
  stepper-step-current-circle-background-color: var(--a2-color-neutral-0, #ffffff),
  stepper-step-current-circle-border-color: var(--a2-color-blue-600, #0265dc),
  stepper-step-current-circle-icon-color: var(--a2-color-neutral-0, #ffffff),
  stepper-step-complete-label-foreground-color: var(--a2-color-neutral-950, #040404),
  stepper-step-complete-link-foreground-color: var(--a2-color-blue-600, #0265dc),
  stepper-step-complete-background-color: var(--a2-color-blue-600, #0265dc),
  stepper-step-complete-foreground-color: var(--a2-color-neutral-0, #ffffff),
  stepper-step-complete-track-color: var(--a2-color-neutral-50, #eeeeee),
  stepper-step-complete-circle-background-color: var(--a2-color-blue-600, #0265dc),
  stepper-step-complete-circle-border-color: var(--a2-color-blue-600, #0265dc),
  stepper-step-complete-circle-icon-color: var(--a2-color-neutral-0, #ffffff),
  switch-unchecked-background-color: var(--a2-color-neutral-200, #c4c4c4),
  switch-unchecked-background-color-hover: var(--a2-color-neutral-300, #a8a8a8),
  switch-unchecked-background-color-active: var(--a2-color-neutral-400, #8b8b8b),
  switch-unchecked-background-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
  switch-unchecked-thumb-background-color: var(--a2-color-neutral-0, #ffffff),
  switch-unchecked-thumb-shadow-color: #0404043D,
  switch-checked-background-color: var(--a2-color-blue-600, #0265dc),
  switch-checked-background-color-hover: var(--a2-color-blue-700, #1d4ca3),
  switch-checked-background-color-active: var(--a2-color-blue-800, #003472),
  switch-checked-background-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
  switch-checked-thumb-check-color: var(--a2-color-blue-600, #0265dc),
  switch-checked-thumb-check-color-hover: var(--a2-color-blue-700, #1d4ca3),
  switch-checked-thumb-check-color-active: var(--a2-color-blue-800, #003472),
  switch-checked-thumb-check-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
  switch-checked-thumb-background-color: var(--a2-color-neutral-0, #ffffff),
  switch-checked-thumb-shadow-color: #0404043D,
  switch-focus-ring-color: var(--a2-color-blue-600, #0265dc),
  tab-border-color: var(--a2-color-neutral-80, #e6e6e6),
  tab-overflow-button-background-color: var(--a2-color-neutral-20, #f9f9f9),
  tab-button-foreground-color: var(--a2-color-neutral-950, #040404),
  tab-button-foreground-color-hover: var(--a2-color-neutral-950, #040404),
  tab-button-foreground-color-active: var(--a2-color-neutral-950, #040404),
  tab-button-background-color: "rgba(0, 0, 0, 0)",
  tab-button-background-color-hover: #8b8b8b14,
  tab-button-background-color-active: #8b8b8b29,
  tab-button-selected-indicator-background-color: var(--a2-color-neutral-950, #040404),
  tab-button-focus-ring-color: var(--a2-color-blue-600, #0265dc),
  text-field-input-foreground-color: var(--a2-color-neutral-950, #040404),
  text-field-input-placeholder-foreground-color: var(--a2-color-neutral-500, #707070),
  text-field-input-wrapper-background-color: var(--a2-color-neutral-0, #ffffff),
  text-field-input-wrapper-background-color-disabled: var(--a2-color-neutral-20, #f9f9f9),
  text-field-input-wrapper-border-color-default: var(--a2-color-neutral-400, #8b8b8b),
  text-field-input-wrapper-border-color-danger: var(--a2-color-red-600, #d62100),
  text-field-focus-ring-color-default: var(--a2-color-blue-600, #0265dc),
  text-field-focus-ring-color-danger: var(--a2-color-red-600, #d62100),
  text-foreground-color: var(--a2-color-neutral-950, #040404),
  text-foreground-color-subdued: var(--a2-color-neutral-500, #707070),
  text-focus-ring-color: var(--a2-color-blue-600, #0265dc),
  toast-collapse-button-background-color: var(--a2-color-neutral-800, #292929),
  toast-collapse-button-background-color-hover: var(--a2-color-neutral-900, #1a1a1a),
  toast-collapse-button-foreground-color: var(--a2-color-neutral-0, #ffffff),
  toast-collapse-button-foreground-color-hover: var(--a2-color-neutral-0, #ffffff),
  toast-shadow-color: #1a1a1a14,
  toast-focus-ring-color: var(--a2-color-blue-600, #0265dc),
  toolbar-background-color: var(--a2-background-color-transparent-default, "rgba(0, 0, 0, 0)"),
  toolbar-background-color-hover: #8b8b8b14,
  toolbar-toggle-border-color-primary: var(--a2-color-neutral-0, #ffffff),
  toolbar-toggle-border-color-subdued: var(--a2-color-blue-50, #e6f1ff),
  toolbar-toggle-border-color-subdued-active: var(--a2-color-blue-200, #9ecaff),
  toolbar-toggle-border-color-subdued-hover: var(--a2-color-blue-100, #cce3ff),
  tooltip-foreground-color: var(--a2-color-neutral-0, #ffffff),
  tooltip-background-color: var(--a2-color-neutral-900, #1a1a1a),
  tooltip-shadow-color: #1a1a1a14,
);
$dark: (
  alert-info-foreground-color: var(--a2-color-neutral-0, #ffffff),
  alert-info-background-color: var(--a2-color-blue-950, #000b19),
  alert-info-border-color: var(--a2-color-blue-200, #9ecaff),
  alert-success-foreground-color: var(--a2-color-neutral-0, #ffffff),
  alert-success-background-color: var(--a2-color-green-950, #010f0a),
  alert-success-border-color: var(--a2-color-green-200, #70ebbc),
  alert-warning-foreground-color: var(--a2-color-neutral-0, #ffffff),
  alert-warning-background-color: var(--a2-color-yellow-950, #191100),
  alert-warning-border-color: var(--a2-color-yellow-200, #fff0b1),
  alert-danger-foreground-color: var(--a2-color-neutral-0, #ffffff),
  alert-danger-background-color: var(--a2-color-red-950, #0a0200),
  alert-danger-border-color: var(--a2-color-red-200, #ffac9e),
  alert-close-button-foreground-color: var(--a2-color-neutral-0, #ffffff),
  announcement-info-background-color: var(--a2-color-blue-300, #70b1ff),
  announcement-info-foreground-color: var(--a2-color-neutral-900, #1a1a1a),
  announcement-info-action-button-background-color: #ffffff8C,
  announcement-info-action-button-background-color-hover: #ffffffA6,
  announcement-info-action-button-background-color-active: #ffffffBF,
  announcement-info-action-button-focus-ring-color: var(--a2-color-neutral-900, #1a1a1a),
  announcement-success-background-color: var(--a2-color-green-400, #0bd085),
  announcement-success-foreground-color: var(--a2-color-neutral-900, #1a1a1a),
  announcement-success-action-button-background-color: #ffffff8C,
  announcement-success-action-button-background-color-hover: #ffffffA6,
  announcement-success-action-button-background-color-active: #ffffffBF,
  announcement-success-action-button-focus-ring-color: var(--a2-color-neutral-900, #1a1a1a),
  announcement-warning-background-color: var(--a2-color-yellow-300, #ffe278),
  announcement-warning-foreground-color: var(--a2-color-neutral-900, #1a1a1a),
  announcement-warning-action-button-background-color: #ffffff8C,
  announcement-warning-action-button-background-color-hover: #ffffffA6,
  announcement-warning-action-button-background-color-active: #ffffffBF,
  announcement-warning-action-button-focus-ring-color: var(--a2-color-neutral-900, #1a1a1a),
  announcement-danger-background-color: var(--a2-color-red-400, #ff5b3d),
  announcement-danger-foreground-color: var(--a2-color-neutral-900, #1a1a1a),
  announcement-danger-action-button-background-color: #ffffff8C,
  announcement-danger-action-button-background-color-hover: #ffffffA6,
  announcement-danger-action-button-background-color-active: #ffffffBF,
  announcement-danger-action-button-focus-ring-color: var(--a2-color-neutral-900, #1a1a1a),
  avatar-background-color: var(--a2-color-neutral-700, #404040),
  avatar-foreground-color: var(--a2-color-neutral-0, #ffffff),
  avatar-border-color: var(--a2-color-neutral-900, #1a1a1a),
  avatar-indicator-background-color-default: var(--a2-color-neutral-900, #1a1a1a),
  avatar-indicator-background-color-online: var(--a2-color-green-400, #0bd085),
  avatar-indicator-background-color-offline: var(--a2-color-neutral-500, #707070),
  avatar-indicator-border-color: var(--a2-color-neutral-600, #545454),
  badge-background-color: var(--a2-color-red-400, #ff5b3d),
  badge-foreground-color: var(--a2-color-neutral-900, #1a1a1a),
  breadcrumb-link-foreground-color: var(--a2-color-neutral-0, #ffffff),
  breadcrumb-link-foreground-color-hover: var(--a2-color-neutral-0, #ffffff),
  button-toggle-unpressed-background-color: var(--a2-background-color-transparent-default, "rgba(0, 0, 0, 0)"),
  button-toggle-unpressed-background-color-hover: #ffffff14,
  button-toggle-unpressed-background-color-active: #ffffff29,
  button-toggle-unpressed-background-color-disabled: var(--a2-color-neutral-800, #292929),
  button-toggle-unpressed-foreground-color: var(--a2-color-neutral-0, #ffffff),
  button-toggle-unpressed-foreground-color-hover: var(--a2-color-neutral-0, #ffffff),
  button-toggle-unpressed-foreground-color-active: var(--a2-color-neutral-0, #ffffff),
  button-toggle-unpressed-foreground-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
  button-toggle-unpressed-border-color: var(--a2-color-neutral-600, #545454),
  button-toggle-unpressed-border-color-hover: var(--a2-color-neutral-600, #545454),
  button-toggle-unpressed-border-color-active: var(--a2-color-neutral-600, #545454),
  button-toggle-unpressed-border-color-disabled: rgba(0, 0, 0, 0),
  button-toggle-pressed-background-color: #70b1ff33,
  button-toggle-pressed-background-color-hover: #70b1ff4D,
  button-toggle-pressed-background-color-active: #70b1ff66,
  button-toggle-pressed-background-color-disabled: var(--a2-color-neutral-800, #292929),
  button-toggle-pressed-foreground-color: var(--a2-color-blue-300, #70b1ff),
  button-toggle-pressed-foreground-color-hover: var(--a2-color-blue-200, #9ecaff),
  button-toggle-pressed-foreground-color-active: var(--a2-color-blue-200, #9ecaff),
  button-toggle-pressed-foreground-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
  button-toggle-pressed-border-color: var(--a2-color-blue-300, #70b1ff),
  button-toggle-pressed-border-color-hover: var(--a2-color-blue-200, #9ecaff),
  button-toggle-pressed-border-color-active: var(--a2-color-blue-200, #9ecaff),
  button-toggle-pressed-border-color-disabled: rgba(0, 0, 0, 0),
  button-primary-foreground-color: var(--a2-color-neutral-900, #1a1a1a),
  button-primary-foreground-color-hover: var(--a2-color-neutral-900, #1a1a1a),
  button-primary-foreground-color-active: var(--a2-color-neutral-900, #1a1a1a),
  button-primary-foreground-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
  button-primary-background-color: var(--a2-color-blue-300, #70b1ff),
  button-primary-background-color-hover: var(--a2-color-blue-200, #9ecaff),
  button-primary-background-color-active: var(--a2-color-blue-100, #cce3ff),
  button-primary-background-color-disabled: var(--a2-color-neutral-800, #292929),
  button-primary-border-color: rgba(0, 0, 0, 0),
  button-primary-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
  button-secondary-foreground-color: var(--a2-color-neutral-0, #ffffff),
  button-secondary-foreground-color-hover: var(--a2-color-neutral-0, #ffffff),
  button-secondary-foreground-color-active: var(--a2-color-neutral-0, #ffffff),
  button-secondary-foreground-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
  button-secondary-background-color: #ffffff14,
  button-secondary-background-color-hover: #ffffff1F,
  button-secondary-background-color-active: #ffffff29,
  button-secondary-background-color-disabled: var(--a2-color-neutral-800, #292929),
  button-secondary-border-color: rgba(0, 0, 0, 0),
  button-secondary-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
  button-ghost-foreground-color: var(--a2-color-neutral-0, #ffffff),
  button-ghost-foreground-color-hover: var(--a2-color-neutral-0, #ffffff),
  button-ghost-foreground-color-active: var(--a2-color-neutral-0, #ffffff),
  button-ghost-foreground-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
  button-ghost-background-color: rgba(0, 0, 0, 0),
  button-ghost-background-color-hover: #ffffff14,
  button-ghost-background-color-active: #ffffff29,
  button-ghost-background-color-disabled: var(--a2-color-neutral-800, #292929),
  button-ghost-border-color: rgba(0, 0, 0, 0),
  button-ghost-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
  button-danger-primary-foreground-color: var(--a2-color-neutral-900, #1a1a1a),
  button-danger-primary-foreground-color-hover: var(--a2-color-neutral-900, #1a1a1a),
  button-danger-primary-foreground-color-active: var(--a2-color-neutral-900, #1a1a1a),
  button-danger-primary-foreground-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
  button-danger-primary-background-color: var(--a2-color-red-400, #ff5b3d),
  button-danger-primary-background-color-hover: var(--a2-color-red-300, #ff8670),
  button-danger-primary-background-color-active: var(--a2-color-red-200, #ffac9e),
  button-danger-primary-background-color-disabled: var(--a2-color-neutral-800, #292929),
  button-danger-primary-border-color: rgba(0, 0, 0, 0),
  button-danger-primary-focus-ring-color: var(--a2-color-red-400, #ff5b3d),
  button-danger-secondary-foreground-color: var(--a2-color-neutral-0, #ffffff),
  button-danger-secondary-foreground-color-hover: var(--a2-color-neutral-0, #ffffff),
  button-danger-secondary-foreground-color-active: var(--a2-color-neutral-0, #ffffff),
  button-danger-secondary-foreground-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
  button-danger-secondary-background-color: #ff867033,
  button-danger-secondary-background-color-hover: #ff86704D,
  button-danger-secondary-background-color-active: #ff867066,
  button-danger-secondary-background-color-disabled: var(--a2-color-neutral-800, #292929),
  button-danger-secondary-border-color: rgba(0, 0, 0, 0),
  button-danger-secondary-focus-ring-color: var(--a2-color-red-400, #ff5b3d),
  calendar-cell-default-background-color: rgba(0, 0, 0, 0),
  calendar-cell-default-background-color-hover: #ffffff14,
  calendar-cell-default-background-color-active: #ffffff29,
  calendar-cell-default-foreground-color: var(--a2-color-neutral-0, #ffffff),
  calendar-cell-default-foreground-color-hover: var(--a2-color-neutral-0, #ffffff),
  calendar-cell-default-foreground-color-active: var(--a2-color-neutral-0, #ffffff),
  calendar-cell-selected-background-color: var(--a2-color-blue-300, #70b1ff),
  calendar-cell-selected-background-color-hover: var(--a2-color-blue-200, #9ecaff),
  calendar-cell-selected-background-color-active: var(--a2-color-blue-100, #cce3ff),
  calendar-cell-selected-foreground-color: var(--a2-color-neutral-900, #1a1a1a),
  calendar-cell-selected-foreground-color-hover: var(--a2-color-neutral-900, #1a1a1a),
  calendar-cell-selected-foreground-color-active: var(--a2-color-neutral-900, #1a1a1a),
  calendar-cell-weekday-foreground-color: var(--a2-color-neutral-200, #c4c4c4),
  calendar-cell-range-background-color: var(--a2-background-color-transparent-primary, "rgba(0, 0, 0, 0)"),
  calendar-cell-range-background-color-hover: #70b1ff1A,
  calendar-cell-range-background-color-active: #70b1ff40,
  calendar-cell-range-foreground-color: var(--a2-color-blue-300, #70b1ff),
  calendar-cell-range-foreground-color-hover: var(--a2-color-blue-200, #9ecaff),
  calendar-cell-range-foreground-color-active: var(--a2-color-blue-200, #9ecaff),
  calendar-cell-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
  calendar-range-fill-background-color: #70b1ff33,
  card-border-color: var(--a2-color-neutral-700, #404040),
  card-default-background-color: var(--a2-color-neutral-900, #1a1a1a),
  card-strong-background-color: var(--a2-color-neutral-800, #292929),
  card-stronger-background-color: var(--a2-color-neutral-700, #404040),
  card-strongest-background-color: var(--a2-color-neutral-500, #707070),
  checkbox-default-checked-foreground-color: var(--a2-color-neutral-0, #ffffff),
  checkbox-default-checked-icon-background-color: var(--a2-background-color-transparent-primary, "rgba(0, 0, 0, 0)"),
  checkbox-default-checked-icon-background-color-hover: #70b1ff1A,
  checkbox-default-checked-icon-background-color-active: #70b1ff40,
  checkbox-default-checked-icon-color: var(--a2-color-blue-300, #70b1ff),
  checkbox-default-checked-icon-color-hover: var(--a2-color-blue-200, #9ecaff),
  checkbox-default-checked-icon-color-active: var(--a2-color-blue-200, #9ecaff),
  checkbox-default-checked-icon-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
  checkbox-default-unchecked-foreground-color: var(--a2-color-neutral-0, #ffffff),
  checkbox-default-unchecked-icon-background-color: var(--a2-background-color-transparent-default, "rgba(0, 0, 0, 0)"),
  checkbox-default-unchecked-icon-background-color-hover: #ffffff14,
  checkbox-default-unchecked-icon-background-color-active: #ffffff29,
  checkbox-default-unchecked-icon-color: var(--a2-color-neutral-0, #ffffff),
  checkbox-default-unchecked-icon-color-hover: var(--a2-color-neutral-0, #ffffff),
  checkbox-default-unchecked-icon-color-active: var(--a2-color-neutral-0, #ffffff),
  checkbox-default-unchecked-icon-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
  checkbox-default-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
  checkbox-error-checked-foreground-color: var(--a2-color-neutral-0, #ffffff),
  checkbox-error-checked-icon-background-color: var(--a2-background-color-transparent-danger, "rgba(0, 0, 0, 0)"),
  checkbox-error-checked-icon-background-color-hover: #ff86701A,
  checkbox-error-checked-icon-background-color-active: #ff867040,
  checkbox-error-checked-icon-color: var(--a2-color-red-400, #ff5b3d),
  checkbox-error-checked-icon-color-hover: var(--a2-color-red-300, #ff8670),
  checkbox-error-checked-icon-color-active: var(--a2-color-red-200, #ffac9e),
  checkbox-error-checked-icon-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
  checkbox-error-unchecked-foreground-color: var(--a2-color-neutral-0, #ffffff),
  checkbox-error-unchecked-icon-background-color: var(--a2-background-color-transparent-danger, "rgba(0, 0, 0, 0)"),
  checkbox-error-unchecked-icon-background-color-hover: #ff86701A,
  checkbox-error-unchecked-icon-background-color-active: #ff867040,
  checkbox-error-unchecked-icon-color: var(--a2-color-red-400, #ff5b3d),
  checkbox-error-unchecked-icon-color-hover: var(--a2-color-red-300, #ff8670),
  checkbox-error-unchecked-icon-color-active: var(--a2-color-red-200, #ffac9e),
  checkbox-error-unchecked-icon-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
  checkbox-error-focus-ring-color: var(--a2-color-red-400, #ff5b3d),
  chip-background-color: var(--a2-color-neutral-700, #404040),
  chip-background-color-hover: var(--a2-color-neutral-600, #545454),
  chip-background-color-active: var(--a2-color-neutral-500, #707070),
  chip-border-color: var(--a2-color-neutral-700, #404040),
  chip-foreground-color: var(--a2-color-neutral-0, #ffffff),
  chip-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
  chip-close-background-color: rgba(0, 0, 0, 0),
  chip-close-background-color-hover: var(--a2-color-neutral-400, #8b8b8b),
  chip-close-background-color-active: var(--a2-color-neutral-300, #a8a8a8),
  combobox-item-default-background-color: var(--a2-background-color-transparent-default, "rgba(0, 0, 0, 0)"),
  combobox-item-default-background-color-hover: #ffffff14,
  combobox-item-default-background-color-active: #ffffff29,
  combobox-item-default-foreground-color: var(--a2-color-neutral-0, #ffffff),
  combobox-item-default-foreground-color-hover: var(--a2-color-neutral-0, #ffffff),
  combobox-item-default-foreground-color-active: var(--a2-color-neutral-0, #ffffff),
  combobox-item-selected-background-color: #70b1ff33,
  combobox-item-selected-background-color-hover: #70b1ff4D,
  combobox-item-selected-background-color-active: #70b1ff66,
  combobox-item-selected-foreground-color: var(--a2-color-blue-300, #70b1ff),
  combobox-item-selected-foreground-color-hover: var(--a2-color-blue-200, #9ecaff),
  combobox-item-selected-foreground-color-active: var(--a2-color-blue-200, #9ecaff),
  combobox-item-disabled-foreground-color: var(--a2-color-neutral-200, #c4c4c4),
  combobox-item-disabled-icon-color: var(--a2-color-neutral-200, #c4c4c4),
  details-summary-foreground-color: var(--a2-color-neutral-0, #ffffff),
  details-summary-foreground-color-hover: var(--a2-color-neutral-0, #ffffff),
  details-summary-foreground-color-active: var(--a2-color-neutral-0, #ffffff),
  details-summary-background-color: var(--a2-background-color-transparent-default, "rgba(0, 0, 0, 0)"),
  details-summary-background-color-hover: #ffffff14,
  details-summary-background-color-active: #ffffff29,
  details-summary-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
  details-content-foreground-color: var(--a2-color-neutral-0, #ffffff),
  dialog-background-color: var(--a2-color-neutral-900, #1a1a1a),
  dialog-border-color: var(--a2-color-neutral-700, #404040),
  dialog-backdrop-color: var(--a2-color-neutral-900, #1a1a1a),
  dialog-backdrop-fullscreen-color: var(--a2-color-neutral-0, #ffffff),
  divider-border-color: var(--a2-color-neutral-700, #404040),
  dnd-drop-line-background-color: var(--a2-color-green-400, #0bd085),
  dnd-drop-line-indicator-background-color: var(--a2-color-neutral-900, #1a1a1a),
  dnd-drop-line-indicator-border-color: var(--a2-color-green-200, #70ebbc),
  dnd-drop-zone-active-not-over-background-color: #70b1ff33,
  dnd-drop-zone-active-not-over-border-color: var(--a2-color-blue-200, #9ecaff),
  dnd-drop-zone-over-valid-background-color: #3be3a233,
  dnd-drop-zone-over-valid-border-color: var(--a2-color-green-200, #70ebbc),
  dnd-drop-zone-over-invalid-background-color: #ff867033,
  dnd-drop-zone-over-invalid-border-color: var(--a2-color-red-200, #ffac9e),
  dnd-drag-preview-shadow-color: #ffffff14,
  drawer-background-color: var(--a2-color-neutral-900, #1a1a1a),
  drawer-border-color: var(--a2-color-neutral-700, #404040),
  drawer-backdrop-color: var(--a2-color-neutral-900, #1a1a1a),
  drilldown-background-color: var(--a2-color-neutral-900, #1a1a1a),
  drilldown-border-color: var(--a2-color-neutral-700, #404040),
  drilldown-backdrop-color: var(--a2-color-neutral-500, #707070),
  edit-card-default-border-inline-start-color: var(--a2-color-neutral-700, #404040),
  edit-card-default-indicator-background-color: var(--a2-color-neutral-900, #1a1a1a),
  edit-card-default-indicator-border-color: var(--a2-color-neutral-500, #707070),
  edit-card-default-indicator-icon-color: rgba(0, 0, 0, 0),
  edit-card-in-progress-border-inline-start-color: var(--a2-color-blue-300, #70b1ff),
  edit-card-in-progress-indicator-border-color: var(--a2-color-blue-300, #70b1ff),
  edit-card-in-progress-indicator-icon-color: var(--a2-color-blue-300, #70b1ff),
  edit-card-complete-border-inline-start-color: var(--a2-color-blue-300, #70b1ff),
  edit-card-complete-indicator-background-color: var(--a2-color-blue-300, #70b1ff),
  edit-card-complete-indicator-border-color: var(--a2-color-blue-300, #70b1ff),
  edit-card-complete-indicator-icon-color: var(--a2-color-neutral-900, #1a1a1a),
  edit-card-error-border-inline-start-color: var(--a2-color-red-400, #ff5b3d),
  edit-card-error-indicator-background-color: var(--a2-color-red-400, #ff5b3d),
  edit-card-error-indicator-border-color: var(--a2-color-red-400, #ff5b3d),
  edit-card-error-indicator-icon-color: var(--a2-color-neutral-900, #1a1a1a),
  field-label-foreground-color: var(--a2-color-neutral-0, #ffffff),
  field-label-required-color: var(--a2-color-red-400, #ff5b3d),
  field-message-foreground-color: var(--a2-color-neutral-200, #c4c4c4),
  field-message-error-foreground-color: var(--a2-color-red-400, #ff5b3d),
  field-message-warning-foreground-color: var(--a2-color-neutral-200, #c4c4c4),
  icon-foreground-color: var(--a2-color-neutral-0, #ffffff),
  icon-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
  link-primary-foreground-color: var(--a2-color-blue-300, #70b1ff),
  link-primary-foreground-color-hover: var(--a2-color-blue-200, #9ecaff),
  link-secondary-foreground-color: var(--a2-color-neutral-0, #ffffff),
  link-secondary-foreground-color-hover: #ffffffCC,
  link-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
  list-view-foreground-color: var(--a2-color-neutral-0, #ffffff),
  list-view-background-color: var(--a2-background-color-transparent-default, "rgba(0, 0, 0, 0)"),
  list-view-background-color-hover: #ffffff14,
  list-view-group-label-foreground-color: var(--a2-color-neutral-200, #c4c4c4),
  listbox-option-default-foreground-color: var(--a2-color-neutral-0, #ffffff),
  listbox-option-default-foreground-color-hover: var(--a2-color-neutral-0, #ffffff),
  listbox-option-default-foreground-color-active: var(--a2-color-neutral-0, #ffffff),
  listbox-option-default-background-color: rgba(0, 0, 0, 0),
  listbox-option-default-background-color-hover: #ffffff14,
  listbox-option-default-background-color-active: #ffffff29,
  listbox-option-default-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
  listbox-option-selected-foreground-color: var(--a2-color-blue-300, #70b1ff),
  listbox-option-selected-foreground-color-hover: var(--a2-color-blue-200, #9ecaff),
  listbox-option-selected-foreground-color-active: var(--a2-color-blue-200, #9ecaff),
  listbox-option-selected-background-color: #70b1ff33,
  listbox-option-selected-background-color-hover: #70b1ff4D,
  listbox-option-selected-background-color-active: #70b1ff66,
  listbox-group-label-foreground-color: var(--a2-color-neutral-200, #c4c4c4),
  listbox-group-border-color: var(--a2-color-neutral-700, #404040),
  menu-content-foreground-color: var(--a2-color-neutral-0, #ffffff),
  menu-content-background-color: var(--a2-color-neutral-800, #292929),
  menu-content-border-color: var(--a2-color-neutral-700, #404040),
  menu-content-shadow-color: #ffffff14,
  menu-item-foreground-color: var(--a2-color-neutral-0, #ffffff),
  menu-item-foreground-color-hover: var(--a2-color-neutral-0, #ffffff),
  menu-item-foreground-color-active: var(--a2-color-neutral-0, #ffffff),
  menu-item-background-color: rgba(0, 0, 0, 0),
  menu-item-background-color-hover: #ffffff14,
  menu-item-background-color-active: #ffffff29,
  menu-arrow-foreground-color: var(--a2-color-neutral-0, #ffffff),
  menu-arrow-background-color: var(--a2-color-neutral-800, #292929),
  overflow-content-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
  overflow-shadow-color: #ffffff14,
  overflow-expand-button-foreground-color: var(--a2-color-blue-300, #70b1ff),
  overflow-expand-button-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
  page-container-foreground-color: var(--a2-color-neutral-0, #ffffff),
  page-container-background-color: var(--a2-color-neutral-900, #1a1a1a),
  page-content-footer-background-color: var(--a2-color-neutral-900, #1a1a1a),
  page-content-footer-border-color: var(--a2-color-neutral-700, #404040),
  page-content-footer-shadow-color: #ffffff14,
  page-sidebar-background-color: var(--a2-color-neutral-900, #1a1a1a),
  page-sidebar-border-color: var(--a2-color-neutral-700, #404040),
  page-sidebar-shadow-color: #ffffff14,
  page-sidebar-header-background-color: var(--a2-color-neutral-900, #1a1a1a),
  page-sidebar-adaptive-trigger-container-background-color: var(--a2-color-neutral-900, #1a1a1a),
  page-sidebar-adaptive-trigger-container-shadow-color: #ffffff14,
  page-sidebar-adaptive-trigger-foreground-color: var(--a2-color-neutral-0, #ffffff),
  page-sidebar-adaptive-trigger-background-color: var(--a2-color-neutral-700, #404040),
  page-toggle-button-background-color: var(--a2-color-neutral-900, #1a1a1a),
  page-toggle-button-background-color-hover: var(--a2-color-neutral-800, #292929),
  page-toggle-button-background-color-active: var(--a2-color-neutral-700, #404040),
  page-toggle-button-border-color: var(--a2-color-neutral-700, #404040),
  page-panel-background-color: var(--a2-color-neutral-900, #1a1a1a),
  page-panel-border-color: var(--a2-color-neutral-700, #404040),
  pagination-foreground-color: var(--a2-color-neutral-0, #ffffff),
  pagination-items-per-page-button-background-color: var(--a2-color-neutral-900, #1a1a1a),
  pagination-items-per-page-button-border-color: var(--a2-color-neutral-600, #545454),
  popover-content-foreground-color: var(--a2-color-neutral-0, #ffffff),
  popover-content-background-color: var(--a2-color-neutral-800, #292929),
  popover-content-border-color: var(--a2-color-neutral-700, #404040),
  popover-content-shadow-color: #ffffff14,
  popover-arrow-fill-color: var(--a2-color-neutral-800, #292929),
  popover-arrow-stroke-color: var(--a2-color-neutral-700, #404040),
  progress-bar-track-background-color: var(--a2-color-neutral-700, #404040),
  progress-bar-fill-background-color-info: var(--a2-color-blue-300, #70b1ff),
  progress-bar-fill-background-color-success: var(--a2-color-green-400, #0bd085),
  progress-bar-fill-background-color-error: var(--a2-color-red-400, #ff5b3d),
  progress-bar-check-icon-foreground-color: var(--a2-color-green-400, #0bd085),
  progress-bar-error-icon-foreground-color: var(--a2-color-red-400, #ff5b3d),
  radio-default-checked-foreground-color: var(--a2-color-neutral-0, #ffffff),
  radio-default-checked-icon-background-color: var(--a2-background-color-transparent-primary, "rgba(0, 0, 0, 0)"),
  radio-default-checked-icon-background-color-hover: #70b1ff1A,
  radio-default-checked-icon-background-color-active: #70b1ff40,
  radio-default-checked-icon-color: var(--a2-color-blue-300, #70b1ff),
  radio-default-checked-icon-color-hover: var(--a2-color-blue-200, #9ecaff),
  radio-default-checked-icon-color-active: var(--a2-color-blue-200, #9ecaff),
  radio-default-checked-icon-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
  radio-default-unchecked-foreground-color: var(--a2-color-neutral-0, #ffffff),
  radio-default-unchecked-icon-background-color: var(--a2-background-color-transparent-default, "rgba(0, 0, 0, 0)"),
  radio-default-unchecked-icon-background-color-hover: #ffffff14,
  radio-default-unchecked-icon-background-color-active: #ffffff29,
  radio-default-unchecked-icon-color: var(--a2-color-neutral-0, #ffffff),
  radio-default-unchecked-icon-color-hover: var(--a2-color-neutral-0, #ffffff),
  radio-default-unchecked-icon-color-active: var(--a2-color-neutral-0, #ffffff),
  radio-default-unchecked-icon-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
  radio-default-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
  radio-error-checked-foreground-color: var(--a2-color-neutral-0, #ffffff),
  radio-error-checked-icon-background-color: var(--a2-background-color-transparent-danger, "rgba(0, 0, 0, 0)"),
  radio-error-checked-icon-background-color-hover: #ff86701A,
  radio-error-checked-icon-background-color-active: #ff867040,
  radio-error-checked-icon-color: var(--a2-color-red-400, #ff5b3d),
  radio-error-checked-icon-color-hover: var(--a2-color-red-300, #ff8670),
  radio-error-checked-icon-color-active: var(--a2-color-red-200, #ffac9e),
  radio-error-checked-icon-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
  radio-error-unchecked-foreground-color: var(--a2-color-neutral-0, #ffffff),
  radio-error-unchecked-icon-background-color: var(--a2-background-color-transparent-danger, "rgba(0, 0, 0, 0)"),
  radio-error-unchecked-icon-background-color-hover: #ff86701A,
  radio-error-unchecked-icon-background-color-active: #ff867040,
  radio-error-unchecked-icon-color: var(--a2-color-red-400, #ff5b3d),
  radio-error-unchecked-icon-color-hover: var(--a2-color-red-300, #ff8670),
  radio-error-unchecked-icon-color-active: var(--a2-color-red-200, #ffac9e),
  radio-error-unchecked-icon-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
  radio-error-focus-ring-color: var(--a2-color-red-400, #ff5b3d),
  segmented-control-background-color: var(--a2-color-neutral-700, #404040),
  segmented-control-segment-background-color: rgba(0, 0, 0, 0),
  segmented-control-segment-background-color-hover: #ffffff14,
  segmented-control-segment-background-color-active: #ffffff29,
  segmented-control-button-foreground-color: var(--a2-color-neutral-0, #ffffff),
  segmented-control-button-background-color: var(--a2-color-neutral-900, #1a1a1a),
  segmented-control-border-color: var(--a2-color-neutral-700, #404040),
  segmented-control-shadow-color: #ffffff14,
  segmented-control-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
  select-card-unchecked-foreground-color: var(--a2-color-blue-300, #70b1ff),
  select-card-unchecked-foreground-color-hover: var(--a2-color-blue-200, #9ecaff),
  select-card-unchecked-foreground-color-active: var(--a2-color-blue-200, #9ecaff),
  select-card-unchecked-default-background-color: var(--a2-color-neutral-900, #1a1a1a),
  select-card-unchecked-default-background-color-hover: var(--a2-color-neutral-800, #292929),
  select-card-unchecked-default-background-color-active: var(--a2-color-neutral-700, #404040),
  select-card-unchecked-strong-background-color: var(--a2-color-neutral-800, #292929),
  select-card-unchecked-strong-background-color-hover: var(--a2-color-neutral-700, #404040),
  select-card-unchecked-strong-background-color-active: var(--a2-color-neutral-600, #545454),
  select-card-unchecked-stronger-background-color: var(--a2-color-neutral-700, #404040),
  select-card-unchecked-stronger-background-color-hover: var(--a2-color-neutral-600, #545454),
  select-card-unchecked-stronger-background-color-active: var(--a2-color-neutral-500, #707070),
  select-card-unchecked-icon-color: var(--a2-color-neutral-0, #ffffff),
  select-card-unchecked-icon-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
  select-card-unchecked-border-color: var(--a2-color-neutral-700, #404040),
  select-card-unchecked-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
  select-card-unchecked-shadow-color: #ffffff14,
  select-card-checked-foreground-color: var(--a2-color-blue-300, #70b1ff),
  select-card-checked-foreground-color-hover: var(--a2-color-blue-200, #9ecaff),
  select-card-checked-foreground-color-active: var(--a2-color-blue-200, #9ecaff),
  select-card-checked-default-background-color: var(--a2-color-neutral-900, #1a1a1a),
  select-card-checked-default-background-color-hover: var(--a2-color-neutral-800, #292929),
  select-card-checked-default-background-color-active: var(--a2-color-neutral-700, #404040),
  select-card-checked-strong-background-color: var(--a2-color-neutral-800, #292929),
  select-card-checked-strong-background-color-hover: var(--a2-color-neutral-700, #404040),
  select-card-checked-strong-background-color-active: var(--a2-color-neutral-600, #545454),
  select-card-checked-stronger-background-color: var(--a2-color-neutral-700, #404040),
  select-card-checked-stronger-background-color-hover: var(--a2-color-neutral-600, #545454),
  select-card-checked-stronger-background-color-active: var(--a2-color-neutral-500, #707070),
  select-card-checked-icon-color: var(--a2-color-blue-300, #70b1ff),
  select-card-checked-icon-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
  select-card-checked-border-color: var(--a2-color-neutral-80, #e6e6e6),
  select-card-checked-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
  select-card-checked-shadow-color: #ffffff14,
  select-card-checked-error-foreground-color: var(--a2-color-blue-300, #70b1ff),
  select-card-checked-error-foreground-color-hover: var(--a2-color-blue-200, #9ecaff),
  select-card-checked-error-foreground-color-active: var(--a2-color-blue-200, #9ecaff),
  select-card-checked-error-default-background-color: var(--a2-color-neutral-900, #1a1a1a),
  select-card-checked-error-default-background-color-hover: var(--a2-color-neutral-800, #292929),
  select-card-checked-error-default-background-color-active: var(--a2-color-neutral-700, #404040),
  select-card-checked-error-strong-background-color: var(--a2-color-neutral-800, #292929),
  select-card-checked-error-strong-background-color-hover: var(--a2-color-neutral-700, #404040),
  select-card-checked-error-strong-background-color-active: var(--a2-color-neutral-600, #545454),
  select-card-checked-error-stronger-background-color: var(--a2-color-neutral-700, #404040),
  select-card-checked-error-stronger-background-color-hover: var(--a2-color-neutral-600, #545454),
  select-card-checked-error-stronger-background-color-active: var(--a2-color-neutral-500, #707070),
  select-card-checked-error-icon-color: var(--a2-color-red-400, #ff5b3d),
  select-card-checked-error-icon-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
  select-card-checked-error-border-color: var(--a2-color-red-200, #ffac9e),
  select-card-checked-error-focus-ring-color: var(--a2-color-red-400, #ff5b3d),
  select-card-checked-error-shadow-color: #ffffff14,
  side-nav-link-default-foreground-color: var(--a2-color-neutral-0, #ffffff),
  side-nav-link-default-foreground-color-hover: var(--a2-color-neutral-0, #ffffff),
  side-nav-link-default-foreground-color-active: var(--a2-color-neutral-0, #ffffff),
  side-nav-link-default-foreground-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
  side-nav-link-default-background-color: rgba(0, 0, 0, 0),
  side-nav-link-default-background-color-hover: #ffffff14,
  side-nav-link-default-background-color-active: #ffffff29,
  side-nav-link-default-background-color-disabled: var(--a2-background-color-transparent-default, "rgba(0, 0, 0, 0)"),
  side-nav-link-default-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
  side-nav-link-active-foreground-color: var(--a2-color-blue-300, #70b1ff),
  side-nav-link-active-foreground-color-hover: var(--a2-color-blue-200, #9ecaff),
  side-nav-link-active-foreground-color-active: var(--a2-color-blue-200, #9ecaff),
  side-nav-link-active-foreground-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
  side-nav-link-active-background-color: #70b1ff33,
  side-nav-link-active-background-color-hover: #70b1ff4D,
  side-nav-link-active-background-color-active: #70b1ff66,
  side-nav-link-active-background-color-disabled: var(--a2-background-color-transparent-default, "rgba(0, 0, 0, 0)"),
  side-nav-link-active-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
  side-nav-group-foreground-color: var(--a2-color-neutral-200, #c4c4c4),
  skeleton-background-color: var(--a2-color-neutral-700, #404040),
  skeleton-pulse-color: #ffffff14,
  spinner-foreground-color-primary: var(--a2-color-blue-300, #70b1ff),
  spinner-foreground-color-current: currentColor,
  spinner-track-foreground-color: #ffffff14,
  spinner-arc-foreground-color: currentColor,
  status-icon-info-fill-color: var(--a2-color-blue-400, #3d95ff),
  status-icon-info-stroke-color: var(--a2-color-blue-400, #3d95ff),
  status-icon-success-fill-color: var(--a2-color-green-400, #0bd085),
  status-icon-success-stroke-color: var(--a2-color-green-400, #0bd085),
  status-icon-warning-fill-color: var(--a2-color-yellow-400, #ffc902),
  status-icon-warning-stroke-color: var(--a2-color-yellow-400, #ffc902),
  status-icon-danger-fill-color: var(--a2-color-red-400, #ff5b3d),
  status-icon-danger-stroke-color: var(--a2-color-red-400, #ff5b3d),
  stepper-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
  stepper-step-default-label-foreground-color: var(--a2-color-neutral-0, #ffffff),
  stepper-step-default-link-foreground-color: var(--a2-color-blue-300, #70b1ff),
  stepper-step-default-background-color: var(--a2-color-blue-300, #70b1ff),
  stepper-step-default-foreground-color: var(--a2-color-neutral-900, #1a1a1a),
  stepper-step-default-track-color: var(--a2-color-neutral-700, #404040),
  stepper-step-default-circle-background-color: var(--a2-color-neutral-900, #1a1a1a),
  stepper-step-default-circle-border-color: var(--a2-color-neutral-600, #545454),
  stepper-step-default-circle-icon-color: var(--a2-color-neutral-900, #1a1a1a),
  stepper-step-current-label-foreground-color: var(--a2-color-neutral-0, #ffffff),
  stepper-step-current-background-color: var(--a2-color-blue-300, #70b1ff),
  stepper-step-current-foreground-color: var(--a2-color-neutral-900, #1a1a1a),
  stepper-step-current-track-color: var(--a2-color-neutral-700, #404040),
  stepper-step-current-circle-background-color: var(--a2-color-neutral-900, #1a1a1a),
  stepper-step-current-circle-border-color: var(--a2-color-blue-300, #70b1ff),
  stepper-step-current-circle-icon-color: var(--a2-color-neutral-900, #1a1a1a),
  stepper-step-complete-label-foreground-color: var(--a2-color-neutral-0, #ffffff),
  stepper-step-complete-link-foreground-color: var(--a2-color-blue-300, #70b1ff),
  stepper-step-complete-background-color: var(--a2-color-blue-300, #70b1ff),
  stepper-step-complete-foreground-color: var(--a2-color-neutral-900, #1a1a1a),
  stepper-step-complete-track-color: var(--a2-color-neutral-700, #404040),
  stepper-step-complete-circle-background-color: var(--a2-color-blue-300, #70b1ff),
  stepper-step-complete-circle-border-color: var(--a2-color-blue-300, #70b1ff),
  stepper-step-complete-circle-icon-color: var(--a2-color-neutral-900, #1a1a1a),
  switch-unchecked-background-color: var(--a2-color-neutral-500, #707070),
  switch-unchecked-background-color-hover: var(--a2-color-neutral-400, #8b8b8b),
  switch-unchecked-background-color-active: var(--a2-color-neutral-300, #a8a8a8),
  switch-unchecked-background-color-disabled: var(--a2-color-neutral-500, #707070),
  switch-unchecked-thumb-background-color: var(--a2-color-neutral-900, #1a1a1a),
  switch-unchecked-thumb-shadow-color: #ffffff3D,
  switch-checked-background-color: var(--a2-color-blue-300, #70b1ff),
  switch-checked-background-color-hover: var(--a2-color-blue-200, #9ecaff),
  switch-checked-background-color-active: var(--a2-color-blue-100, #cce3ff),
  switch-checked-background-color-disabled: var(--a2-color-neutral-500, #707070),
  switch-checked-thumb-check-color: var(--a2-color-blue-300, #70b1ff),
  switch-checked-thumb-check-color-hover: var(--a2-color-blue-200, #9ecaff),
  switch-checked-thumb-check-color-active: var(--a2-color-blue-200, #9ecaff),
  switch-checked-thumb-check-color-disabled: var(--a2-color-neutral-500, #707070),
  switch-checked-thumb-background-color: var(--a2-color-neutral-900, #1a1a1a),
  switch-checked-thumb-shadow-color: #ffffff3D,
  switch-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
  tab-border-color: var(--a2-color-neutral-700, #404040),
  tab-overflow-button-background-color: var(--a2-color-neutral-800, #292929),
  tab-button-foreground-color: var(--a2-color-neutral-0, #ffffff),
  tab-button-foreground-color-hover: var(--a2-color-neutral-0, #ffffff),
  tab-button-foreground-color-active: var(--a2-color-neutral-0, #ffffff),
  tab-button-background-color: rgba(0, 0, 0, 0),
  tab-button-background-color-hover: #ffffff14,
  tab-button-background-color-active: #ffffff29,
  tab-button-selected-indicator-background-color: var(--a2-color-neutral-0, #ffffff),
  tab-button-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
  text-field-input-foreground-color: var(--a2-color-neutral-0, #ffffff),
  text-field-input-placeholder-foreground-color: var(--a2-color-neutral-200, #c4c4c4),
  text-field-input-wrapper-background-color: var(--a2-color-neutral-900, #1a1a1a),
  text-field-input-wrapper-background-color-disabled: var(--a2-color-neutral-800, #292929),
  text-field-input-wrapper-border-color-default: var(--a2-color-neutral-600, #545454),
  text-field-input-wrapper-border-color-danger: var(--a2-color-red-200, #ffac9e),
  text-field-focus-ring-color-default: var(--a2-color-blue-300, #70b1ff),
  text-field-focus-ring-color-danger: var(--a2-color-red-400, #ff5b3d),
  text-foreground-color: var(--a2-color-neutral-0, #ffffff),
  text-foreground-color-subdued: var(--a2-color-neutral-200, #c4c4c4),
  text-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
  toast-collapse-button-background-color: var(--a2-color-neutral-20, #f9f9f9),
  toast-collapse-button-background-color-hover: var(--a2-color-neutral-0, #ffffff),
  toast-collapse-button-foreground-color: var(--a2-color-neutral-900, #1a1a1a),
  toast-collapse-button-foreground-color-hover: var(--a2-color-neutral-900, #1a1a1a),
  toast-shadow-color: #ffffff14,
  toast-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
  toolbar-background-color: var(--a2-background-color-transparent-default, "rgba(0, 0, 0, 0)"),
  toolbar-background-color-hover: #ffffff14,
  toolbar-toggle-border-color-primary: var(--a2-color-neutral-900, #1a1a1a),
  toolbar-toggle-border-color-subdued: #70b1ff33,
  toolbar-toggle-border-color-subdued-active: #70b1ff66,
  toolbar-toggle-border-color-subdued-hover: #70b1ff4D,
  tooltip-foreground-color: var(--a2-color-neutral-900, #1a1a1a),
  tooltip-background-color: var(--a2-color-neutral-0, #ffffff),
  tooltip-shadow-color: #ffffff14,
);
$nonColor: (
  ai-mark-primary-background-gradient: "linear-gradient(90deg, var(--a2-color-blue-600, #0265dc) 0%, var(--a2-color-cyan-300, #45d8f2) 100%)",
  button-primary-border-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem)),
  button-secondary-border-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem)),
  button-ghost-border-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem)),
  button-danger-primary-border-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem)),
  button-danger-secondary-border-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem)),
  checkbox-border-radius: var(--a2-border-radius-small, var(--a2-radius-1, 0.1875rem)),
  combobox-item-disabled-opacity: var(--a2-opacity-disabled, 0.6),
  dialog-backdrop-opacity: 0.6,
  edit-card-indicator-border-style: solid,
  edit-card-indicator-border-width: var(--a2-size-quarter, 0.0625rem),
  edit-card-indicator-size: var(--a2-size-4, 1rem),
  edit-card-default-border-inline-start-width: var(--a2-size-quarter, 0.0625rem),
  edit-card-default-indicator-border-style: dashed,
  edit-card-in-progress-border-inline-start-width: 0.375rem,
  edit-card-complete-border-inline-start-width: 0.375rem,
  edit-card-error-border-inline-start-width: 0.375rem,
  progress-bar-border-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem)),
  radio-border-radius: var(--a2-border-radius-circular, 100%),
  toast-stack-gradient-top-background: "linear-gradient(180deg, var(--a2-background-color-default, var(--a2-color-neutral-0, #ffffff)) 0%, var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)) 100%)",
  toast-stack-gradient-bottom-background: "linear-gradient(180deg, var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)) 0%, var(--a2-background-color-default, var(--a2-color-neutral-0, #ffffff)) 100%)",
  toast-stack-gradient-bottom-mask: "linear-gradient(90deg, var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)) 0%, var(--a2-background-color-inverted-strong, var(--a2-color-neutral-900, #1a1a1a)) var(--a2-size-4, 1rem), var(--a2-background-color-inverted-strong, var(--a2-color-neutral-900, #1a1a1a)) calc(100% - var(--a2-size-4, 1rem)), var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)) 100%)",
);