DevColor Picker

.primary-color {
  color: #3498db;
}

.primary-bg {
  background-color: #3498db;
}

.border-primary {
  border-color: #3498db;
}

$primary-color: #3498db;

.primary-color {
  color: $primary-color;
}

.primary-bg {
  background-color: $primary-color;
}

@mixin primary-border {
  border: 1px solid $primary-color;
}

const primaryColor = "#3498db";

// Set CSS variable
document.documentElement.style.setProperty('--primary', primaryColor);

// Use in JavaScript
element.style.color = primaryColor;
element.style.backgroundColor = primaryColor;