:root {
    --mch-primary: #8c3b3b;
    --mch-primary-dark: #5d2424;
    --mch-accent: #e7b76f;
    --mch-bg: #f6f3ef;
    --mch-card: #ffffff;
    --mch-text: #2e2a29;
}

body {
    background: linear-gradient(180deg, #f6f3ef 0%, #efe7de 100%);
    color: var(--mch-text);
    font-family: "Segoe UI", sans-serif;
}

.sidebar {
    min-height: 100vh;
    background: linear-gradient(180deg, var(--mch-primary-dark), var(--mch-primary));
}

.sidebar .nav-link,
.sidebar .navbar-brand {
    color: #fff;
}

.sidebar .nav-link.active,
.sidebar .nav-link:hover {
    background: rgba(255, 255, 255, 0.16);
    border-radius: 0.75rem;
}

.content-wrapper {
    padding: 1.5rem;
}

.card {
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 10px 30px rgba(52, 36, 28, 0.08);
}

.stat-card {
    background: var(--mch-card);
    border-left: 5px solid var(--mch-accent);
}

.page-title {
    font-weight: 700;
}

.badge-soft {
    background: rgba(140, 59, 59, 0.1);
    color: var(--mch-primary-dark);
}

.table thead th {
    color: #6d5b56;
    font-size: 0.85rem;
}

.low-stock {
    background: rgba(255, 193, 7, 0.12);
}

.auth-shell {
    min-height: 100vh;
    display: grid;
    place-items: center;
    background:
        radial-gradient(circle at top right, rgba(231, 183, 111, 0.45), transparent 25%),
        linear-gradient(135deg, #351414, #8c3b3b);
}

.auth-card {
    width: min(420px, 92vw);
    border-radius: 1.25rem;
}

.btn-primary {
    background-color: var(--mch-primary);
    border-color: var(--mch-primary);
}

.btn-primary:hover {
    background-color: var(--mch-primary-dark);
    border-color: var(--mch-primary-dark);
}

@media (max-width: 992px) {
    .sidebar {
        min-height: auto;
    }
}