:root {
    --background-color1: #053167;
    --background-color2: #3aabb6;
    --background-image: linear-gradient(
        0deg,
        var(--background-color1),
        var(--background-color2)
    );

    --bob: hsl(185, 52%, 47%);
    --sally: hsl(213, 91%, 21%);

    --accent-color-hsl: 185, 52%, 47%;
    --accent-color: hsl(var(--accent-color-hsl));

    --accent-color-alt-hsl: 0deg 0% 20%;
    --accent-color-alt: hsl(var(--accent-color-alt-hsl));

    --heading-background-color: hsl(0deg 0% 61.67% / 14.12%);

    --label-foreground-color: var(--accent-color);

    --primary-action-background: var(--accent-color);
    --primary-action-foreground: var(--accent-color-alt);

    --table-heading-color: white;
    /* --table-border-color: var(--disabled-action-background);
    --table-background-color: var(--lighter-background);
    */
}

.site-logo {
    height: 64px;
    width: 272px;
    background-image: url("/images/logos/kinectra_logo.png");
}