:root {
    --dbar-primary: #174ea6;
    --dbar-primary-dark: #0b2f6b;
    --dbar-primary-light: #e8f0fe;

    --dbar-bg: #f4f7fc;
    --dbar-card: #ffffff;

    --dbar-text: #172033;
    --dbar-muted: #6c757d;

    --dbar-border: #e3e8f0;

    --dbar-radius: 16px;

    --dbar-shadow:
        0 18px 50px
        rgba(20, 48, 90, 0.12);
}

html,
body {
    min-height: 100%;
}

body {
    background:
        var(--dbar-bg);

    color:
        var(--dbar-text);

    font-family:
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;
}

.form-control,
.form-select {
    min-height: 45px;
}

.form-control:focus,
.form-select:focus {

    border-color:
        rgba(
            23,
            78,
            166,
            .6
        );

    box-shadow:
        0 0 0 .2rem
        rgba(
            23,
            78,
            166,
            .12
        );
}