:root {
    --brand-red: #d62728;
    --brand-gray: #4a4a4a;
    --brand-darkgray: #2f2f2f;
}

/* Header */
.header-brand {
    font-weight: bold;
    font-size: 1.5rem;
    color: var(--brand-red);
}

/* Section name next to logo */
.header-section {
    color: var(--brand-gray);
    font-size: 1.25rem;
}

/* Sidebar */
.sidebar {
    background-color: #f8f9fa;
    border-right: 1px solid #ddd;
}

.sidebar .nav-link {
    color: var(--brand-darkgray);
}

.sidebar .nav-link.active,
.sidebar .nav-link:hover {
    color: var(--brand-red);
    font-weight: bold;
}

/* Button style */
.btn-brand {
    background-color: var(--brand-red);
    color: white;
    border: none;
}

.btn-brand:hover {
    background-color: #c71f1f;
}

aside {
    width: 220px;
}