/*
Additional styles just for cards

two different card style settings use these.
 */

.component-style--aqua {
  --color--text: black;
  --color--background: var(--color--aqua);
}

.component-style--light-aqua {
  --color--text: black;
  --color--background: #B0E8E2;
}

.component-style--light-blue {
  --color--text: black;
  --color--background: #88CBE0;
}

.component-style--light-orange {
  --color--text: black;
  --color--background: #F8A24D;
}

.component-style--light-pink {
  --color--text: black;
  --color--background: #FAC0FA;
}

.component-style--purple {
  --color--text: black;
  --color--background: #9E81DE;
}

.component-style--yellow {
  --color--text: black;
  --color--background: #FBCA51;
}