:root {
    --brand-red: #c92d2b;
    --brand-red-dark: #a92120;
    --brand-cyan: #00abdc;
    --brand-yellow: #fdb42a;
    --brand-green: #00a556;
    --brand-ink: #000205;
    --ink: #17191c;
    --muted: #656b70;
    --line: #e1e3e4;
    --paper: #f7f7f5;
    --green: #202326;
    --green-2: #007f9f;
    --mint: #e3f7fc;
    --coral: var(--brand-red);
}

body {
    background: var(--paper);
}

.sidebar {
    background: #fff;
    color: var(--brand-ink);
    border-right: 1px solid var(--line);
}

.brand {
    display: block;
    margin: 0 1px 29px;
    padding: 12px 10px;
    border-radius: 15px;
    background: #fff;
    box-shadow: none;
    border: 1px solid #eceeef;
}

.brand-logo {
    display: block;
    width: 100%;
    height: auto;
}

.nav-link {
    color: #303438;
}

.nav-link span {
    color: var(--brand-cyan);
}

.nav-link:hover,
.nav-link.active {
    background: #f1f2f2;
    color: var(--brand-ink);
}

.nav-link.active {
    box-shadow: inset 3px 0 var(--brand-red);
}

.nav-link.active span {
    color: var(--brand-yellow);
}

.sidebar-note small {
    color: var(--muted);
}

.sidebar-note {
    border-top-color: var(--line);
    color: var(--brand-ink);
}

.status-dot,
.availability i {
    background: var(--brand-green);
}

.eyebrow {
    color: var(--brand-red);
}

.button.primary,
.mobile-fab {
    background: var(--brand-red);
    box-shadow: 0 6px 16px rgba(201, 45, 43, .26);
}

.button.primary:hover {
    background: var(--brand-red-dark);
}

.button.secondary {
    background: #e7f6fa;
    color: #006d89;
}

.stat-card.accent,
.info-card {
    background: #202326;
    border-color: #202326;
}

.stat-card.accent {
    box-shadow: inset 0 -4px var(--brand-red);
}

.stat-card:nth-child(2) .stat-icon {
    background: #e0f6fc;
    color: #007f9f;
}

.stat-card.wide .stat-icon {
    background: #fff4d6;
    color: #a46b00;
}

.wizard-progress li.active::after,
.wizard-progress li.complete::after {
    background: var(--brand-red);
}

.wizard-progress li.active span,
.wizard-progress li.complete span,
.step-heading > span {
    background: #e1f6fb;
    color: #006f8d;
}

.wizard-progress li.complete span {
    background: var(--brand-green);
    color: #fff;
}

.review-note,
.admin-toolbar {
    background: #e5f7ed;
    color: #087541;
}

.count-pill {
    background: #fff1d1;
    color: #855800;
}

.person > span,
.resource-symbol {
    background: #e2f6fb;
    color: #007896;
}

.shift-badge > span {
    background: var(--brand-yellow);
}

.shift-badge.tarde > span {
    background: var(--brand-red);
}

.shift-badge.noite > span {
    background: var(--brand-cyan);
}

.shift-badge.dia.inteiro > span {
    background: var(--brand-green);
}

.history-mark {
    background: var(--brand-cyan);
}

.history-mark.reservation_cancelled,
.history-mark.resource_disabled {
    background: var(--brand-red);
}

.history-mark.resource_created,
.history-mark.resource_enabled {
    background: var(--brand-green);
}

input:focus,
select:focus,
textarea:focus {
    border-color: var(--brand-cyan);
    box-shadow: 0 0 0 3px rgba(0, 171, 220, .13);
}

@media (max-width: 980px) {
    .sidebar {
        background: #fff;
    }

    .topbar {
        border-bottom-color: rgba(201, 45, 43, .12);
    }
}