【求教】大家在项目中是如何规范css的色值使用的呢？

:root {
  --primary-color: #4a90e2;
  --secondary-color: #dbdce0;
  --success-color: #28a745;
  --info-color: #17a2b8;
  --warning-color: #ffc107;
  --danger-color: #dc3545;
}

.text-primary-light {
  color: #4a90e2;
}

.text-primary-dark {
  color: #1d5f92;
}

.text-primary {
  color: hsl(210, 70%, 50%);
}

.text-primary-dark {
  color: rgb(29, 95, 146);
}

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">