/* acc color palette */
:root {
  --acc-50: hsl(330, 61%, 95%);
  --acc-100: hsl(330, 66%, 90%);
  --acc-200: hsl(330, 71%, 85%);
  --acc-300: hsl(330, 76%, 75%);
  --acc-400: hsl(330, 81%, 70%);
  --acc-500: hsl(330, 81%, 60%);
  --acc-600: hsl(330, 86%, 50%);
  --acc-700: hsl(330, 91%, 40%);
  --acc-800: hsl(330, 96%, 30%);
  --acc-900: hsl(330, 100%, 20%);
}

/* acc utility classes */
.bg-acc-50 { background-color: hsl(330, 61%, 95%) !important; }
.text-acc-50 { color: hsl(330, 61%, 95%) !important; }
.border-acc-50 { border-color: hsl(330, 61%, 95%) !important; }
.bg-acc-100 { background-color: hsl(330, 66%, 90%) !important; }
.text-acc-100 { color: hsl(330, 66%, 90%) !important; }
.border-acc-100 { border-color: hsl(330, 66%, 90%) !important; }
.bg-acc-200 { background-color: hsl(330, 71%, 85%) !important; }
.text-acc-200 { color: hsl(330, 71%, 85%) !important; }
.border-acc-200 { border-color: hsl(330, 71%, 85%) !important; }
.bg-acc-300 { background-color: hsl(330, 76%, 75%) !important; }
.text-acc-300 { color: hsl(330, 76%, 75%) !important; }
.border-acc-300 { border-color: hsl(330, 76%, 75%) !important; }
.bg-acc-400 { background-color: hsl(330, 81%, 70%) !important; }
.text-acc-400 { color: hsl(330, 81%, 70%) !important; }
.border-acc-400 { border-color: hsl(330, 81%, 70%) !important; }
.bg-acc-500 { background-color: hsl(330, 81%, 60%) !important; }
.text-acc-500 { color: hsl(330, 81%, 60%) !important; }
.border-acc-500 { border-color: hsl(330, 81%, 60%) !important; }
.bg-acc-600 { background-color: hsl(330, 86%, 50%) !important; }
.text-acc-600 { color: hsl(330, 86%, 50%) !important; }
.border-acc-600 { border-color: hsl(330, 86%, 50%) !important; }
.bg-acc-700 { background-color: hsl(330, 91%, 40%) !important; }
.text-acc-700 { color: hsl(330, 91%, 40%) !important; }
.border-acc-700 { border-color: hsl(330, 91%, 40%) !important; }
.bg-acc-800 { background-color: hsl(330, 96%, 30%) !important; }
.text-acc-800 { color: hsl(330, 96%, 30%) !important; }
.border-acc-800 { border-color: hsl(330, 96%, 30%) !important; }
.bg-acc-900 { background-color: hsl(330, 100%, 20%) !important; }
.text-acc-900 { color: hsl(330, 100%, 20%) !important; }
.border-acc-900 { border-color: hsl(330, 100%, 20%) !important; }