:root {
    --color-page-bg: hsl(0, 0%, 100%);
    --color-page-text: hsl(0, 0%, 28%);
    --color-card-footer-bg: hsl(0, 0%, 99%);
    --color-card-footer-border-top: hsl(0, 0%, 82%);
    --color-logo-by: currentcolor;
    --color-logo-lexum: currentcolor;
    --shadow-color: 0 0% 0%;
    --shadow-card:
            0 1px 1px -1px hsl(var(--shadow-color) / 0.03),
            0 2px 3px  1px hsl(var(--shadow-color) / 0.1),
            0 5px 7px  2px hsl(var(--shadow-color) / 0.17);
}

:root {
    --lx-link-color: hsl(201, 98%, 37%);
    --lx-link-color--hover: hsl(201, 98%, 27%);
    --lx-input-focus-color: hsl(201, 98%, 47%);

    --lx-btn-submit-bg: hsl(201, 98%, 37%);
    --lx-btn-submit-bg--hover: hsl(201, 98%, 27%);
    --lx-btn-submit-text-color: hsl(0, 0%, 100%);
    --lx-btn-submit-text-color--hover: hsl(0, 0%, 100%);
}

.login-pf-page .login-pf-signup {
    border-top: 1px solid var(--color-card-footer-border-top);
}

.lx-page-header-logo-link svg {
    height: 24px;
    stroke:none;
    width: auto;
}

.lx-page-header-logo-link svg .folder-back {
    fill: hsl(201, 98%, 27%);
}

.lx-page-header-logo-link svg .folder-front,
.lx-page-header-logo-link svg .canlii-text {
    fill: hsl(201, 98%, 37%);
}

.lx-page-header-logo-link svg .folder-text {
    fill: hsl(0, 0%, 100%);
}

.lx-page-header-logo-link svg .canlii-leaf {
    fill: hsl(1, 89%, 40%);
}

.lx-page-footer-by-lexum-link svg {
    height: 2em;
    width: auto;
}

.lx-page-footer-by-lexum-link svg .fill-currentcolor {
    fill: currentcolor;
}

@media (min-width: 768px) {
    .lx-page-header-logo-link svg {
        height: 56px;
    }
}