:root {
    --dmx-purple:#82358C;
    --dmx-purple-dark:#6B2A74;
    --dmx-blue:#0F70B7;
    --dmx-green:#12A19A;
    --dmx-gray:#B2AAA8;
    --dmx-gray-light:#F4F2F2;

    --sidebar-width:250px;
    --sidebar-width-collapsed:70px;

    --sidebar-bg:#2B2B2F;
    --topbar-height:60px;

    --body-bg:#f7f7f9;
    --body-text:#212529;
    --card-bg:#ffffff;
    --border-color:#e1e1e1;
}
:root[data-theme="dark"] {
    --sidebar-bg:#141418;
    --body-bg:#0f0f11;
    --body-text:#f1f1f1;
    --card-bg:#1b1b1f;
    --border-color:#2b2b30;
}