:root {
    --ink: #1F1D1E;
    --muted: #6D6A62;
    --line: #E5E1B8;
    --bg: #F8F7EB;
    --surface: #FFFFFF;
    --green: #48A148;
    --green-soft: #EDF7E8;
    --yellow: #FCF00F;
    --yellow-soft: #FAF35F;
    --yellow-pale: #F7F39F;
    --nav: #1F1D1E;
    --gold: #FCF00F;
    --shadow: 0 1px 2px rgba(31, 29, 30, .07);
}

.sidebar { color: #FFFFFF; }
.brand-mark, .user-avatar { background: var(--yellow); color: var(--ink); }
.brand-logo { width: 50px; height: 38px; flex: 0 0 50px; border: 1px solid rgba(252, 240, 15, .35); border-radius: 6px; object-fit: cover; }
.login-art .brand-logo { width: 72px; height: 48px; flex-basis: 72px; }
.brand small, .user-meta small { color: var(--yellow-pale); }
.sidebar nav a { color: #D8D6CC; }
.sidebar nav a:hover { background: rgba(250, 243, 95, .14); color: #FFFFFF; }
.sidebar nav a.active { background: var(--green); color: #FFFFFF; box-shadow: inset 3px 0 var(--yellow); }
.nav-label { color: var(--yellow-soft); }
.topbar, .panel, .kpi, .summary-strip, .category-card, .btn, .input, .select, .textarea { background: var(--surface); }
.btn-primary { background: var(--green); border-color: var(--green); color: #FFFFFF; }
.kpi-icon.gold, .badge.adjustment { background: var(--yellow-pale); color: var(--ink); }
.bar, .segmented, .login-help { background: #F4F1C8; }
.input:focus, .select:focus, .textarea:focus { border-color: var(--green); box-shadow: 0 0 0 3px rgba(72, 161, 72, .16); }
.pagination-links .current { background: var(--green); border-color: var(--green); color: #FFFFFF; }
.login-art { background: var(--ink); }
.login-art:after { background: linear-gradient(140deg, transparent 35%, rgba(252, 240, 15, .14)); }
.login-form-wrap { background: var(--bg); }
.search-options { background: var(--surface); }
.search-option:hover, .search-option.focused { background: var(--yellow-pale); }