:root {
    --haigh-blue: #3f86c2;
    --haigh-blue-dark: #2f6a9b;
    --haigh-blue-soft: #e4eff9;
    --haigh-border: #c7d9ee;
    --haigh-bg: #ffffff;
    --haigh-text: #1d2b3a;
}

body {
    background: var(--haigh-bg);
    color: var(--haigh-text);
}

a {
    color: var(--haigh-blue);
}

a:hover,
a:focus {
    color: var(--haigh-blue-dark);
}

header {
    background: #fff;
    border-bottom: 2px solid var(--haigh-blue);
    box-shadow: 0 1px 0 rgba(63, 134, 194, 0.08);
}

header h1 {
    display: flex;
    align-items: center;
}

header .logo a {
    display: inline-block;
    width: 160px;
    height: 36px;
    background: url('../img/haigh-logo.png') no-repeat left center;
    background-size: contain;
    text-indent: -9999px;
    overflow: hidden;
}

header .title {
    margin-left: 6px;
}

.btn-blue {
    background: var(--haigh-blue);
    border-color: var(--haigh-blue);
}

.btn-blue:hover,
.btn-blue:focus {
    background: var(--haigh-blue-dark);
    border-color: var(--haigh-blue-dark);
}

.form-login {
    background: #fff;
    border: 1px solid var(--haigh-border);
    box-shadow: 0 12px 28px rgba(63, 134, 194, 0.18);
}

.haigh-login-logo {
    display: block;
    width: 180px;
    height: 48px;
    margin: 0 auto 18px auto;
    background: url('../img/haigh-logo.png') no-repeat center;
    background-size: contain;
    text-indent: -9999px;
    overflow: hidden;
}

.page {
    background: transparent;
}

.task-board.color-yellow,
.task-summary-container.color-yellow,
.color-picker-square.color-yellow,
.task-board-category.color-yellow,
.table-list-category.color-yellow,
.task-tag.color-yellow,
td.color-yellow,
.table-list-row.color-yellow {
    background-color: rgb(219, 235, 255);
    border-color: rgb(168, 207, 255);
}

.table-list-row.color-yellow {
    border-left-color: rgb(168, 207, 255);
}

.task-board.haigh-closed-done {
    background-color: #eeeeee;
    border-color: #cfcfcf;
    color: #5a5a5a;
}