@font-face {
    font-family: Lato;
    src: url("Lato-Regular.ttf");
}
:root {
    --highlight-gray: #dedede;

    /* Start Deprecate after Workbench v1.3.4 */
	--bg-color1: rgb(41,81,119);
	--fg-color1: white;
	--atropos-font-family: lato-light, lato, sans-serif;

    --font-color: black;
    --font-color-invert: white;

    --bg-light: #F0F8FF;
    --border-mid: #0c3f3b;
    /* End Deprecate */

    --atropos-secondary: #016F66;

    /* Headers */
    --background-header: white; 
    --font-color-header: black;
    --font-color-invert-header: white;
    --font1-header-sans: sans-serif;

    --table-header-bg: whitesmoke;

    /* Element Highlighting (BannerMessage and PastExecutions) */
    --ok-color: #a2ffa2;
    --warn-color: #ffffa2;
    --error-color: #ffa2a2;

    /* Contents */
    /* Background */
    --background-body: whitesmoke;
    --content-background-color: white;
    --midground1: #B5DCFF;
    --bg-color: white;

    /* Borders */
    --border-outer-color: #016F66;
    --border-inner-color: whitesmoke;

    /* Text */
    --font-color-body: black;
    --font1-body-sans: sans-serif;
}