:root {
--button-border-color: #18bcd4;
--button-background-color: #ffffff;
--button-background-color-hover: #eeeeee;
--button-foreground-color: #2e4955;
--menu-item-background-color: #58cfe0;
--login-background-color: #18bcd4;
--large-header-foreground-color: #ffffff;
--header-background-color: #18bcd4;
--header-border-color: #18bcd4;
--header-foreground-color: #ffffff;
--hero-tile-background-color: #15a4b9;
--hero-tile-foreground-color: #ffffff;
--brand-color: #18bcd4;
--brand-color-rgb: 24, 188, 212;
--alt-color: #41656a;
--alt-color-rgb: 65, 101, 106;
--background-color: #f2f2f2;
--text-color: #111111;
--play-button-background-color: #47c5d8;
--recording-background-color: #b3ebf2;
}