/* CHANGE THE FOLLOWING LOCATIONS TO MATCH:
- /functions.php
- /inc/singular-functions::singular_color_palette_class
- /js/acf-api.js

Use Naming Conventions From:
https://chir.ag/projects/name-that-color/
*/
/* COLOR PALETTE VARIABLES -------------------------------------- */
:root {
  --woodland: #45612d;
  --woodland-light: #dadfd5;
  --mallard: #243e1b; 
  --white-rock: #e6e5cd;
  --tiara: #c7d5d6;
  --tiara-light: #eef2f3;
  --fiord: #3a505e;
  --abbey: #4d4d4f;
  --abbey-light: #78787a;
  --black: #000000;
  --white: #ffffff;
}

/* solid colors */
.has-woodland-color {
  color: var(--woodland) !important;
}
.has-woodland-background-color {
  background-color: var(--woodland);
}
.has-woodland-light-color {
  color: var(--woodland-light) !important;
}
.has-woodland-light-background-color {
  background-color: var(--woodland-light);
}
.has-mallard-color {
  color: var(--mallard) !important;
}
.has-mallard-background-color {
  background-color: var(--mallard);
}
.has-white-rock-color {
  color: var(--white-rock) !important;
}
.has-white-rock-background-color {
  background-color: var(--white-rock);
}
.has-tiara-color {
  color: var(--tiara) !important;
}
.has-tiara-background-color {
  background-color: var(--tiara);
}
.has-tiara-light-color {
  color: var(--tiara-light) !important;
}
.has-tiara-light-background-color {
  background-color: var(--tiara-light);
}
.has-fiord-color {
  color: var(--fiord) !important;
}
.has-fiord-background-color {
  background-color: var(--fiord);
}
.has-abbey-color {
  color: var(--abbey) !important;
}
.has-abbey-background-color {
  background-color: var(--abbey);
}
.has-abbey-light-color {
  color: var(--abbey-light) !important;
}
.has-abbey-light-background-color {
  background-color: var(--abbey-light);
}
.has-black-color {
  color: var(--black) !important;
}
.has-black-background-color {
  background-color: var(--black);
}
.has-white-color {
  color: var(--white) !important;
}
.has-white-background-color {
  background-color: var(--white);
}

/* OVERRIDES ---------------------------------------------------- */

/* woodland overrides */
.has-woodland-background-color,
.has-woodland-background-color h1,
.has-woodland-background-color h2,
.has-woodland-background-color h3,
.has-woodland-background-color h4,
.has-woodland-background-color h5,
.has-woodland-background-color p,
.has-woodland-background-color p a,
.has-woodland-background-color ul,
.has-woodland-background-color ol {
  color: var(--white) !important;
}

/* mallard overrides */
.has-mallard-background-color,
.has-mallard-background-color h1,
.has-mallard-background-color h2,
.has-mallard-background-color h3,
.has-mallard-background-color h4,
.has-mallard-background-color h5,
.has-mallard-background-color p,
.has-mallard-background-color p a,
.has-mallard-background-color ul,
.has-mallard-background-color ol {
  color: var(--white) !important;
}

/* fiord overrides */
.has-fiord-background-color,
.has-fiord-background-color h1,
.has-fiord-background-color h2,
.has-fiord-background-color h3,
.has-fiord-background-color h4,
.has-fiord-background-color h5,
.has-fiord-background-color p,
.has-fiord-background-color p a,
.has-fiord-background-color ul,
.has-fiord-background-color ol {
  color: var(--white) !important;
}

/* abbey overrides */
.has-abbey-background-color,
.has-abbey-background-color h1,
.has-abbey-background-color h2,
.has-abbey-background-color h3,
.has-abbey-background-color h4,
.has-abbey-background-color h5,
.has-abbey-background-color p,
.has-abbey-background-color p a,
.has-abbey-background-color ul,
.has-abbey-background-color ol {
  color: var(--white) !important;
}

/* abbey-light overrides */
.has-abbey-light-background-color,
.has-abbey-light-background-color h1,
.has-abbey-light-background-color h2,
.has-abbey-light-background-color h3,
.has-abbey-light-background-color h4,
.has-abbey-light-background-color h5,
.has-abbey-light-background-color p,
.has-abbey-light-background-color p a,
.has-abbey-light-background-color ul,
.has-abbey-light-background-color ol {
  color: var(--white) !important;
}

/* black overrides */
.has-black-background-color,
.has-black-background-color h1,
.has-black-background-color h2,
.has-black-background-color h3,
.has-black-background-color h4,
.has-black-background-color h5,
.has-black-background-color p,
.has-black-background-color p a,
.has-black-background-color ul,
.has-black-background-color ol {
  color: var(--white) !important;
}