:root{
    /* Main Theme */
    --sidebar:#2D3E34;
    --background:#F8F6F2;
    --card:#FFFFFF;
    --primary:#5E8C61;
    --secondary:#8B6B4A;
    --hover:#74A57F;
    --accent:#D8B26E;
    --text:#333333;
    --white:#F8F8F8;
    --border:#E8E1D9;
    /* KPI */
    --resident:#F7F1E8;
    --visitor:#EEF5FF;
    --complaint:#FFF3E6;
    --billing:#EEF8EE;
    --due:#FFF0F0;
    --event:#F4EEFF;
    --security:#FFFBEA;
    --legal:#F2F2F2;
    /* Radius */
    --radius:10px;
    --shadow:0 6px 18px rgba(0,0,0,.07);
}