:root {
    --theme-font: Arial, Helvetica, sans-serif, Verdana, Geneva;
    --theme-title-font: var(--theme-font);
    --theme-header-font: var(--theme-title-font);
    --theme-font-size: 1rem;
    --theme-font-color: var(--theme-text-dark);

    --theme-title-size: 2rem;
    --theme-h2-size: 1.6rem;
    --theme-h3-size: 1.3rem;
    --theme-h4-size: 1rem;
    --theme-h5-size: 0.83rem;
    --theme-subtitle-size: 65%;
    --theme-subtitle-weight: normal;
    --theme-subtitle-margin-top: 10px;
    --theme-subtitle-margin-bottom: 10px;
    --theme-subtitle-color: var(--theme-title-color-primary);
    --theme-subtitle-font: var(--theme-font);
    --theme-title-margin: 2rem;
    --theme-title-padding: 0;

    --theme-color-body-bg: #fff;
    --theme-container-width: 100%;

    --theme-primary: ;
    --theme-secondary: ;
    --theme-tertiary: ;
    --theme-emphasis: ;
    --theme-emphasis-alt: ;

    --theme-highlight-light: #bdf1f1;
    --theme-highlight-dark: #00a79d;

    --theme-footer-bg: #343434;
    --theme-footer-text: #FFF;

    --theme-title-color-primary: #333;
    --theme-title-color-secondary: #333;
    --theme-title-color-alternate: #FFF;
    --theme-title-bg: rgba(0,0,0,0);
    --theme-title-alignment: center;
    --theme-small-color: #777777;

    --theme-text-dark: #000;
    --theme-text-grey: #656565;
    --theme-text-light: #FFF;

    --theme-link-color: #003366;
    --theme-link-hover-color: #001f41;

    --theme-navbar-width: 100%;
    --theme-navbar-bg: var(--theme-primary);
    --theme-navbar-color: var(--theme-text-light);
    --theme-navbar-hover-color: var(--theme-text-light);
    --theme-navbar-hover-bg: var(--theme-primary);

    --theme-nav-menu-bg: #fff;
    --theme-nav-menu-color: var(--theme-text-dark);

    --theme-tab-bg: transparent;
    --theme-tab-color: #313131;
    --theme-tab-active-bg: #E8F2F4;
    --theme-tab-active-color: var(--theme-text-dark);
    --theme-tab-active-border-color: var(--theme-tab-border-color);
    --theme-tab-hover-bg: #eeeeee;
    --theme-tab-hover-color: #656565;
    --theme-tab-border-color: #ddd;

    --theme-table-header-bg: var(--theme-primary);
    --theme-table-header-color: var(--theme-text-light);
    --theme-table-header-font-size:  1em;
    --theme-table-header-border:  1px solid var(--theme-color-body-bg);
    --theme-table-header-padding: 5px 10px 5px 10px;
    --theme-table-hover-bg: #E8F2F4;
    --theme-table-zebra-bg: #f0f0f0;
    --theme-table-border:  0 solid var(--theme-color-body-bg);
    --theme-table-vertical-align: middle;

    --theme-modal-title-size: 1.5rem;
    --theme-modal-title-bg: var(--theme-title-bg);
    --theme-modal-title-color: var(--theme-title-color-primary);
    --theme-modal-title-padding: 1vh 0.5vw 1vh 2vw;

    --theme-edit-wizard-h1-margin: 1px 0 15px 0;

    --theme-input-font: Arial, Helvetica, sans-serif, Verdana, Geneva;
    --theme-input-border: 1px solid #ccc;
    --theme-input-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    --theme-input-hover-bg: #eeeeee;

    --theme-view-heading-padding-left: 0px;

    --theme-logo-size: 100px;

    --theme-btn-secondary-bg: #f0f0f0;
    --theme-btn-secondary-color: #333;

    --theme-notification-box-bg: #d9edf7;
    --theme-notification-box-color: #002040;

    --theme-tile-bg: var(--theme-primary);
    --theme-tile-color: #ffffff;
    --theme-tile-font-weight: 400;
    --theme-tile-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    --theme-tile-hover-bg: var(--theme-primary);
    --theme-tile-hover-color: #ffffff;
    --theme-tile-hover-filter: brightness(90%);
}

.badge {
    --theme-badge-bg: var(--theme-primary);
    --theme-badge-text: var(--theme-text-light);
}