:root {
    --header-top: rgb(255 255 255);
    --header-bottom: rgb(0 0 0 / 10%);
    --bg: #f7f7f7;
    --toolbar: rgb(0 0 0 / 3%);
    --panel: #fff;
    --muted: #94a3b8;
    --txt: #1e293b;
    --accent: #06b6d4;
    --accent-2: #fd8627;
    --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;
}

    :root.dark {
        --header-top: rgb(253 134 39 / 12%);
        --header-bottom: rgb(38 38 38);
        --bg: #2c2c2c;
        --panel: #434343;
        --muted: #94a3b8;
        --txt: #c8cbce;
        --accent: #06b6d4;
        --accent-2: #fd8627;
        --good: #10b981;
        --warn: #f59e0b;
        --bad: #f43f5e;
        --highlight: #fd8627;
        --card: #38393c;
        /*--shadow: 0 4px 12px #ffffff42;*/
        --radius: 14px;
        --chip: #00000010;
        --chip-b: #00000020;
        --border: #616161;
        --fg: #c9c6c6;
        --modal-bg: rgb(0 0 0 / 26%);
        --modal-boxShadow: 0 0 15px rgba(4,4,4,1);
        --links: var(--highlight);
        --menuitem-hover: rgb(253 134 39 / 18%);
        --danger-color: #d41212;
        --danger-bg: rgb(131 6 6 / 24%);
    }