/* Color Theme Swatches in Hex
.My-Color-Theme-1-hex { color: #297991; }
.My-Color-Theme-2-hex { color: #5ECCBA; }
.My-Color-Theme-3-hex { color: #D5F5E3; }
.My-Color-Theme-4-hex { color: #111C11; }
.My-Color-Theme-5-hex { color: #E3F7D0; }

Color Theme Swatches in RGBA
.My-Color-Theme-1-rgba { color: rgba(41, 121, 145, 1); }
.My-Color-Theme-2-rgba { color: rgba(94, 204, 186, 1); }
.My-Color-Theme-3-rgba { color: rgba(213, 245, 227, 1); }
.My-Color-Theme-4-rgba { color: rgba(17, 28, 17, 1); }
.My-Color-Theme-5-rgba { color: rgba(227, 247, 208, 1); }

Color Theme Swatches in HSLA
.My-Color-Theme-1-hsla { color: hsla(193, 55, 36, 1); }
.My-Color-Theme-2-hsla { color: hsla(170, 51, 58, 1); }
.My-Color-Theme-3-hsla { color: hsla(146, 61, 89, 1); }
.My-Color-Theme-4-hsla { color: hsla(120, 24, 8, 1); }
.My-Color-Theme-5-hsla { color: hsla(90, 70, 89, 1); }
*/

:root {
  --text-color: #111C11;
  --background-color: white;
  --card-selected-color: #E3F7D0;
  --card-selected-text-color: #111C11;
  --card-border-color: lightgray;
  --cart-selected-color: #297991;
  --cart-selected-text-color: white;
  --cart-border-color: lightgray;
  --card-background-color: transparent;
  --btn-text-color: #111C11;
  --btn-background-color: #f4f4f4;
  --btn-highlight-border-color: #e4e9ed;
  --btn-highlight-background-color: #e6f0f7;
  --btn-border-color: #ececec;
  --labeled-text-background: #fafafa;
  --float-btn-background: rgba(213, 245, 227, 0.5);
}