.color-row {
  .primary-50 {
    background-color: var(--primary-50);
  }
  .primary-100 {
    background-color: var(--primary-100);
  }
  .primary-200 {
    background-color: var(--primary-200);
  }
  .primary-300 {
    background-color: var(--primary-300);
  }
  .primary-400 {
    background-color: var(--primary-400);
  }
  .primary-500 {
    background-color: var(--primary-500);
  }
  .primary-600 {
    background-color: var(--primary-600);
  }
  .primary-700 {
    background-color: var(--primary-700);
  }
  .primary-800 {
    background-color: var(--primary-800);
  }
  .primary-900 {
    background-color: var(--primary-900);
  }
  .primary-very-low {
    background-color: var(--primary-very-low);
  }
  .primary-low {
    background-color: var(--primary-low);
  }
  .primary-low-mid {
    background-color: var(--primary-low-mid);
  }
  .primary-medium {
    background-color: var(--primary-medium);
  }
  .primary-high {
    background-color: var(--primary-high);
  }
  .primary {
    background-color: var(--primary);
  }
  .secondary-low {
    background-color: var(--secondary-low);
  }
  .secondary-medium {
    background-color: var(--secondary-medium);
  }
  .secondary-high {
    background-color: var(--secondary-high);
  }
  .secondary {
    background-color: var(--secondary);
  }
  .tertiary-low {
    background-color: var(--tertiary-low);
  }
  .tertiary-medium {
    background-color: var(--tertiary-medium);
  }
  .tertiary-high {
    background-color: var(--tertiary-high);
  }
  .tertiary {
    background-color: var(--tertiary);
  }
  .tertiary-50 {
    background-color: var(--tertiary-50);
  }
  .tertiary-100 {
    background-color: var(--tertiary-100);
  }
  .tertiary-200 {
    background-color: var(--tertiary-200);
  }
  .tertiary-300 {
    background-color: var(--tertiary-300);
  }
  .tertiary-400 {
    background-color: var(--tertiary-400);
  }
  .tertiary-500 {
    background-color: var(--tertiary-500);
  }
  .tertiary-600 {
    background-color: var(--tertiary-600);
  }
  .tertiary-700 {
    background-color: var(--tertiary-700);
  }
  .tertiary-800 {
    background-color: var(--tertiary-800);
  }
  .tertiary-900 {
    background-color: var(--tertiary-900);
  }
  .quaternary-low {
    background-color: var(--quaternary-low);
  }
  .quaternary {
    background-color: var(--quaternary);
  }
  .highlight-low {
    background-color: var(--highlight-low);
  }
  .highlight-medium {
    background-color: var(--highlight-medium);
  }
  .highlight-high {
    background-color: var(--highlight-high);
  }
  .highlight {
    background-color: var(--highlight);
  }
  .danger-low {
    background-color: var(--danger-low);
  }
  .danger-low-mid {
    background-color: var(--danger-low-mid);
  }
  .danger-medium {
    background-color: var(--danger-medium);
  }
  .danger {
    background-color: var(--danger);
  }
  .success-low {
    background-color: var(--success-low);
  }
  .success-medium {
    background-color: var(--success-medium);
  }
  .success {
    background-color: var(--success);
  }
  .love-low {
    background-color: var(--love-low);
  }
  .love {
    background-color: var(--love);
  }

  .header_primary {
    background-color: var(--header_primary);
  }

  .header_background {
    background-color: var(--header_background);
  }

  .header_primary-low {
    background-color: var(--header_primary-low);
  }

  .header_primary-low-mid {
    background-color: var(--header_primary-low-mid);
  }

  .header_primary-medium {
    background-color: var(--header_primary-medium);
  }

  .header_primary-high {
    background-color: var(--header_primary-high);
  }

  .header_primary-very-high {
    background-color: var(--header_primary-very-high);
  }
}
