:root {
--button-border-color: #3d4e87;
--button-background-color: #ffffff;
--button-background-color-hover: #eeeeee;
--button-foreground-color: #3d4e87;
--menu-item-background-color: #6674a2;
--login-background-color: #3d4e87;
--large-header-foreground-color: #ffffff;
--header-background-color: #3d4e87;
--header-border-color: #3d4e87;
--header-foreground-color: #ffffff;
--hero-tile-background-color: #26376c;
--hero-tile-foreground-color: #ffffff;
--brand-color: #3d4e87;
--brand-color-rgb: 61, 78, 135;
--alt-color: #2d3349;
--alt-color-rgb: 45, 51, 73;
--background-color: #f2f2f2;
--text-color: #111111;
--play-button-background-color: #808dcc;
--recording-background-color: #ececf0;
}