@theme-color: #12364a; /*cor zuri*/
@theme-contrast: #fff;
@background-color: #ccc;
@text-color: #444;
@dark-05: darken(@theme-color, 05%);
@dark-10: darken(@theme-color, 10%);


body.pwa {
    background: @background-color;
    color: @text-color;

    a {
        color: @theme-color;
    }

    header, footer {
        background: @theme-color;
        color: @theme-contrast;

        a {
            color: @theme-contrast;
        }

        button, input[type="button"], input[type="reset"], input[type="submit"] {
            background: @dark-10;
        }
    }

    &.login main {
        background: @theme-color;
        color: @theme-contrast;

        a {
            color: @theme-contrast;
        }

        button, input[type="button"], input[type="reset"], input[type="submit"] {
            background: @dark-10;
        }
    }

    button, input[type="button"], input[type="reset"], input[type="submit"] {
        background: @theme-color;
        color: @theme-contrast;
        border: none;
    }

    #menu {
        background: @theme-color;
    }

    ul {
        span.step {
            color: @theme-color;
        }
    }

    #menu {
        .version {
            color: @dark-05;
        }
    }

    dl.decisions {
        dt {
            > span {
                color: @theme-color;
            }
        }
    }

    &.about form > main {
        background: @theme-color;
        color: @theme-contrast;
    }

    ul.commands {
        li {
            a {
                background: @dark-05;
            }
        }
    }

    .form-mobile {
        &, & fieldset.group {
            > label, > div {

                > span:first-child {
                    color: @theme-color;
                }
            }
        }

        .boolean {
            input + span {
                color: @theme-color;
            }
        }

        .scale {
            p {
                span {
                    color: @theme-color;
                }
            }
        }
    }

    input[type=range]::-ms-fill-lower {
        background: @theme-color;
    }
}
