/**
* @file
* Tier 1 - Primitive Color Variables
*
* Contains the color design tokens assigned to our aliases.
* These variables are the raw, unchanging values used to define the core visual language of the project.
*/
@property --background {
  syntax: "<color>";
  inherits: true;
  initial-value: black;
}
@property --current-background {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
.bg-surface-primary {
  --current-background: var(--surface-primary);
  background-color: var(--current-background);
  color: var(--text-primary);
}

.bg-surface-secondary {
  --current-background: var(--surface-secondary);
  background-color: var(--current-background);
  color: var(--text-primary);
}

.bg-surface-tertiary {
  --current-background: var(--surface-tertiary);
  background-color: var(--current-background);
  color: var(--text-primary);
}

.bg-surface-page {
  --current-background: var(--surface-page);
  background-color: var(--current-background);
  color: var(--text-primary);
}

.bg-surface-action {
  --current-background: var(--surface-action);
  background-color: var(--current-background);
  color: var(--text-on-action);
}

.bg-surface-warning {
  --current-background: var(--surface-warning);
  background-color: var(--current-background);
  color: var(--text-on-warning);
}

.bg-surface-error {
  --current-background: var(--surface-error);
  background-color: var(--current-background);
  color: var(--text-on-error);
}

.bg-surface-success {
  --current-background: var(--surface-success);
  background-color: var(--current-background);
  color: var(--text-on-success);
}

.bg-surface-information {
  --current-background: var(--surface-information);
  background-color: var(--current-background);
  color: var(--text-on-information);
}

.bg-purple {
  --current-background: var(--gradients-gradient-1);
  background-color: var(--current-background);
}

.bg-blue {
  --current-background: var(--gradients-gradient-2);
  background-color: var(--current-background);
}

.bg-green {
  --current-background: var(--gradients-gradient-3);
  background-color: var(--current-background);
}

.bg-lime {
  --current-background: var(--gradients-gradient-4);
  background-color: var(--current-background);
}

.bg-maroon {
  --current-background: var(--gradients-gradient-5);
  background-color: var(--current-background);
}

.bg-light-green {
  --current-background: var(--gradients-gradient-6);
  background-color: var(--current-background);
}

.bg-teal {
  --current-background: var(--gradients-gradient-7);
  background-color: var(--current-background);
}

.bg-orange {
  --current-background: var(--gradients-gradient-8);
  background-color: var(--current-background);
}

.bg-red {
  --current-background: var(--gradients-gradient-9);
  background-color: var(--current-background);
}
/*# sourceMappingURL=../maps/base/background-colors.css.map */