:root {
    /* ─── Red Brand Colors ─── */
    --bs-red: #ec151d;
    --bs-red-rgb: 255, 78, 64;
    --bs-red-shade-80: #1a0400;
    --bs-red-shade-60: #330800;
    --bs-red-shade-40: #4d0d01;
    --bs-red-shade-20: #922b21;
    --bs-red-tint-90: #feeeee;
    --bs-red-tint-80: #fddcda;
    --bs-red-tint-60: #ffb8b3;
    --bs-red-tint-40: #ff958d;
    --bs-red-tint-20: #ff7166;
    /* ─── Green Brand Colors ─── */
    --bs-green: #1acb71;
    --bs-green-rgb: 26, 203, 113;
    --bs-green-shade-80: #064d2c;
    --bs-green-shade-60: #0d7a4b;
    --bs-green-shade-40: #14936a;
    --bs-green-shade-20: #1a8f6f;
    --bs-green-tint-90: #e6f9f3;
    --bs-green-tint-80: #c8f2d9;
    --bs-green-tint-70: #a7e9be;
    --bs-green-tint-60: #8ff0b3;
    --bs-green-tint-40: #57ce8c;
    --bs-green-tint-20: #1acb71;

    /* Override primary color to match brand red */
    --bs-primary: #00af62;
    --bs-primary-rgb: 26, 203, 113;
    --bs-primary-shade-20: #1a8f6f;
    /* ─── Sidebar Nav States ─── */
    --nav-hover-bg: var(--bs-green-tint-90);
    --nav-hover-border: var(--bs-green-tint-60);
    --nav-hover-color: var(--bs-green-shade-20);

    --nav-active-bg: var(--bs-green-tint-80);
    --nav-active-border: var(--bs-green);
    --nav-active-color: var(--bs-green);
}