:root {
    --typography-font-family: Barlow, Arial, Helvetica, sans-serif;
    --typography-font-size: 20px;
    --typography-mobile-font-size: 20px;
    --typography-font-weight: 400;
    --typography-line-height: 1.5;
    --typography-h1-font-size: 3.5rem;
    --typography-h2-font-size: 2.5rem;
    --typography-h3-font-size: 2rem;
    --typography-h4-font-size: 1.5rem;

    --header-height: 6rem;
    --header-background-shadow: 0px 0.0625rem 0.75rem #00000017;
    --header-top-border-height: 0.25rem;

    --nav-fontsize: 20px;

    --footer-height: 2.25rem;
    --footer-nav-color: white;
    --footer-link-font-size: 1rem;
    --footer-background: linear-gradient(90deg, rgba(0, 156, 222, 1) 0%, rgba(0, 124, 196, 1) 100%);

    --device-header-background: white;
    --device-header-height: 86px;

    --table-cell-background: #E3E4E5;
    --table-lighter-color: white;

    --standard-focus-margin: 0 0 0 0.125rem;
    --standard-focus-border: 0 0 0.1875rem 0.3125rem;
    --standard-outline-offset: 0.125rem;
    --standard-border-height: 0.125rem;
    --standard-borderradius: 0.25rem;
    --standard-focus-shadow: 0 0 0 3px white, 0 0 0 5px;

    --box-shadow: 0px 1px 2px 1px rgba(60, 64, 67, 0.3), 0px 1px 3px 1px rgba(60, 64, 67, 0.15);
}