:root {
    --nk-primary: #9fc6bd;
    --nk-primary-dark: #7eb0a4;
    --nk-info: #b8ddef;
    --nk-success: #b8dfc4;
    --nk-warning: #f6dfb5;
    --nk-danger: #efc4bb;
    --nk-dark: #7f8e8c;
    --nk-surface: #fffdf9;
    --nk-text: #3f4d4a;
}

html,
body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    background: var(--nk-surface);
    color: var(--nk-text);
}

a,
.btn-link {
    color: #4c7f72;
}

a:hover,
.btn-link:hover {
    color: #3c675d;
}

h1:focus {
    outline: none;
}

.content {
    padding-top: 1.1rem;
}

.bg-primary { background-color: var(--nk-primary) !important; }
.bg-info { background-color: var(--nk-info) !important; }
.bg-success { background-color: var(--nk-success) !important; }
.bg-warning { background-color: var(--nk-warning) !important; }
.bg-danger { background-color: var(--nk-danger) !important; }
.bg-dark { background-color: var(--nk-dark) !important; }

.text-primary { color: #4a7d71 !important; }
.text-success { color: #3f7653 !important; }
.text-info { color: #4f7892 !important; }
.text-warning { color: #8a6a2d !important; }
.text-danger { color: #915145 !important; }

.btn-primary {
    color: #1e3a33;
    background-color: #cfe6df;
    border-color: #bddbd2;
}

.btn-primary:hover,
.btn-primary:focus {
    color: #173129;
    background-color: #bdddd5;
    border-color: #afcfc6;
}

.btn-secondary {
    color: #334241;
    background-color: #dce6e4;
    border-color: #c8d7d4;
}

.btn-secondary:hover,
.btn-secondary:focus {
    background-color: #cfdcda;
    border-color: #bfd0cd;
}

.btn-info {
    color: #2a4450;
    background-color: #d9edf7;
    border-color: #c7e2ef;
}

.btn-warning {
    color: #5c4820;
    background-color: #fbeccf;
    border-color: #f5dfb4;
}

.btn-danger {
    color: #5f3028;
    background-color: #f6d7d1;
    border-color: #eec4bc;
}

.btn-outline-primary {
    color: #4b786e;
    border-color: #9fc6bd;
}

.btn-outline-primary:hover {
    color: #24433d;
    background-color: #cfe6df;
    border-color: #9fc6bd;
}

.btn:focus,
.btn:active:focus,
.btn-link.nav-link:focus,
.form-control:focus,
.form-check-input:focus,
.form-select:focus {
    box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.25rem rgba(159, 198, 189, 0.45);
    border-color: #9fc6bd;
}

.card {
    border: 1px solid #e5efec;
    background-color: #fffefa;
}

.table-light {
    background-color: #f7f2ea !important;
}

.alert-info {
    color: #2f5562;
    background-color: #e7f3f9;
    border-color: #d2e8f2;
}

.alert-success {
    color: #365e45;
    background-color: #e9f4ec;
    border-color: #d6eadc;
}

.alert-warning {
    color: #6e5824;
    background-color: #fbf2de;
    border-color: #f5e7c8;
}

.alert-danger {
    color: #6f3b32;
    background-color: #fbe8e5;
    border-color: #f2d2cc;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #4f9a6f;
}

.invalid,
.validation-message {
    color: #b35d52;
}

.blazor-error-boundary {
    background-color: #f0bdb4;
    color: #fff;
    padding: 1rem 1rem 1rem 1.5rem;
}

.blazor-error-boundary::after {
    content: "An error has occurred.";
}

.darker-border-checkbox.form-check-input {
    border-color: #8fa7a0;
}