src/lib/styles/foundation/usPartyColors.scss

@mixin default-party-colors-us {
  --dem: #093ca3;
  --gop: #c70000;
  --oth: #4d4d4d;
  --ind-dem: #7378d8;
  --lib: #c6b716;
  --grn: #0da498;
  --ken: #ef6f07;

  --dem-2: #dad7f5;
  --gop-2: #ffdbd4;
  --oth-2: #cccccc;
  --ind-dem-2: #dad7f5;
  --lib-2: #f4eac2;
  --grn-2: #cfedea;
  --ken-2: #ffe2cd;

  --undeclared: #e7e7e7;
}

@mixin dark-mode-party-colors-us {
  --dem: #3261db;
  --gop: #c70000;
  --oth: #cccccc;
  --ind-dem: #7389d8;
  --lib: #c6b716;
  --grn: #23b4a9;
  --ken: #ef6f07;

  --dem-2: #20366d;
  --gop-2: #5a0b0b;
  --oth-2: #4d4d4d;
  --ind-dem-2: #394261;
  --lib-2: #524d13;
  --grn-2: #19524e;
  --ken-2: #6a370e;

  --undeclared: #494949;
}

/* BACKGROUND-COLOR -------------------------------------------- */
/* include secondary (-2) colors ---*/

.bg-color--dem {
  background-color: var(--dem) !important;
}

.bg-color--gop {
  background-color: var(--gop) !important;
}

.bg-color--oth {
  background-color: var(--oth) !important;
}

.bg-color--ind-dem {
  background-color: var(--ind-dem) !important;
}

.bg-color--lib {
  background-color: var(--lib) !important;
}

.bg-color--grn {
  background-color: var(--grn) !important;
}

.bg-color--ken {
  background-color: var(--ken) !important;
}

.bg-color--dem-2 {
  background-color: var(--dem-2) !important;
}

.bg-color--gop-2 {
  background-color: var(--gop-2) !important;
}

.bg-color--oth-2 {
  background-color: var(--oth-2) !important;
}

.bg-color--ind-dem-2 {
  background-color: var(--ind-dem-2) !important;
}

.bg-color--lib-2 {
  background-color: var(--lib-2) !important;
}

.bg-color--grn-2 {
  background-color: var(--grn-2) !important;
}

.bg-color--ken-2 {
  background-color: var(--ken-2) !important;
}

.bg-color--undeclared {
  background-color: var(--undeclared) !important;
}

/* FILL ----------------------------------------------------------- */
/* include secondary (-2) colors ---*/

.fill-color--dem {
  fill: var(--dem) !important;
}

.fill-color--gop {
  fill: var(--gop) !important;
}

.fill-color--oth {
  fill: var(--oth) !important;
}

.fill-color--ind-dem {
  fill: var(--ind-dem) !important;
}

.fill-color--lib {
  fill: var(--lib) !important;
}

.fill-color--grn {
  fill: var(--grn) !important;
}

.fill-color--ken {
  fill: var(--ken) !important;
}

.fill-color--dem-2 {
  fill: var(--dem-2) !important;
}

.fill-color--gop-2 {
  fill: var(--gop-2) !important;
}

.fill-color--oth-2 {
  fill: var(--oth-2) !important;
}

.fill-color--ind-dem-2 {
  fill: var(--ind-dem-2) !important;
}

.fill-color--lib-2 {
  fill: var(--lib-2) !important;
}

.fill-color--grn-2 {
  fill: var(--grn-2) !important;
}

.fill-color--ken-2 {
  fill: var(--ken-2) !important;
}

.fill-color--undeclared {
  fill: var(--undeclared) !important;
}

/* STOP ----------------------------------------------------------- */

.stop-color--dem {
  stop-color: var(--dem) !important;
}

.stop-color--gop {
  stop-color: var(--gop) !important;
}

.stop-color--oth {
  stop-color: var(--oth) !important;
}

.stop-color--ind-dem {
  stop-color: var(--ind-dem) !important;
}

.stop-color--lib {
  stop-color: var(--lib) !important;
}

.stop-color--grn {
  stop-color: var(--grn) !important;
}

.stop-color--ken {
  stop-color: var(--ken) !important;
}

.stop-color--undeclared {
  stop-color: var(--undeclared) !important;
}

/* STROKE-COLOR --------------------------------------------------- */

.stroke-color--dem {
  stroke: var(--dem) !important;
}

.stroke-color--gop {
  stroke: var(--gop) !important;
}

.stroke-color--oth {
  stroke: var(--oth) !important;
}

.stroke-color--ind-dem {
  stroke: var(--ind-dem) !important;
}

.stroke-color--lib {
  stroke: var(--lib) !important;
}

.stroke-color--grn {
  stroke: var(--grn) !important;
}

.stroke-color--ken {
  stroke: var(--ken) !important;
}

.stroke-color--undeclared {
  stroke: var(--undeclared) !important;
}

/* COLOR ----------------------------------------------------------- */

.color--dem {
  color: var(--dem) !important;
}

.color--gop {
  color: var(--gop) !important;
}

.color--oth {
  color: var(--oth) !important;
}

.color--undeclared {
  color: var(--undeclared) !important;
}

/* BORDER-COLOR ----------------------------------------------------- */

.border-color--dem {
  border-color: var(--dem) !important;
}

.border-color--gop {
  border-color: var(--gop) !important;
}

.border-color--oth {
  border-color: var(--oth) !important;
}

.border-color--undeclared {
  border-color: var(--undeclared) !important;
}

.border-color--ind-dem {
  border-color: var(--ind-dem) !important;
}

.border-color--lib {
  border-color: var(--lib) !important;
}

.border-color--grn {
  border-color: var(--grn) !important;
}

.border-color--ken {
  border-color: var(--ken) !important;
}

/* BEFORE-ELEMENT-COLOR ----------------------------------------------------- */

.before-color--dem {
  &:before {
    background-color: var(--dem) !important;
  }
}

.before-color--gop {
  &:before {
    background-color: var(--gop) !important;
  }
}

.before-color--oth {
  &:before {
    background-color: var(--oth) !important;
  }
}

.before-color--undeclared {
  &:before {
    background-color: var(--undeclared) !important;
  }
}