:root {
  --c-lgt: hsl(332, 75%, 84%);
  --c-lgt-2: hsl(332, 75%, 95%);
  --c-lgt-3: hsl(332, 75%, 98%);
  --c-drk: hsl(346, 79%, 41%);
  --c-drk-2: hsl(346, 79%, 26%);
  --c-mid: hsl(347, 65%, 62%);
  --c-alt: hsl(143, 97%, 28%);
  --c-alt-2: hsl(140, 40%, 90%);
  --c-alt-3: hsl(143, 97%, 35%);
  --c-blk: hsl(0, 0%, 0%);
  --c-wht: hsl(0, 0%, 100%);
  
  --base-font: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --alt-font: var(--base-font);
  --header-font: var(--base-font);
}

.c-lgt { color: var(--c-lgt); }
.c-lgt-2 { color: var(--c-lgt-2); }
.c-lgt-3 { color: var(--c-lgt-3); }
.c-drk { color: var(--c-drk); }
.c-drk-2 { color: var(--c-drk-2); }
.c-mid { color: var(--c-mid); }
.c-alt { color: var(--c-alt); }
.c-alt-2 { color: var(--c-alt-2); }
.c-blk { color: var(--c-blk); }
.c-wht { color: var(--c-wht); }
