:root {
    --header-top: #f7f7f7;
    --header-bottom: rgb(0 0 0 / 10%);
    --bg: #f7f7f7;
    --toolbar: rgb(0 0 0 / 3%);
    --panel: #fff;
    --muted: #94a3b8;
    --txt: #1e293b;
    --accent: #5b8cff;
    --accent-2: #5b8cff;
    --good: #10b981;
    --warn: #f59e0b;
    --bad: #f43f5e;
    --highlight: #fd8627;
    --card: #f8fafc;
    --shadow: 0 4px 12px rgba(0,0,0,.1);
    --radius: 14px;
    --chip: #00000010;
    --chip-b: #00000020;
    --border: #e6e6ee;
    --fg: #000;
    --modal-bg: rgb(0 0 0 / 7%);
    --modal-boxShadow: 0 0 15px rgba(0,0,0,0.5);
    --links: var(--accent-2);
    --menuitem-hover: rgba(0,0,0,.05);
    --danger-color: #d41212;
    --danger-bg: rgba(220,38,38,.08);
    --overdue: #fd372726;
}