:root {
    --primary-color: #292929;
    --secondary-color: #FFAA22;
    --black: #191919;
    --grayone: #DDDDDD;
    --textOnPrimary: #fff;

    --sidebar-width: 280px;
    --sidebar-collapsed-width: 70px;
    --transition-speed: 0.3s;
    --body-background: #f5f6fa;
    --body-background: #f5f6fa;
    --sidebar-background: #f5f6fa;
    --text-on-dark: #20211E;
    --text-on-bright: #fff;      
}

@media (prefers-color-scheme: dark) {
:root {
    --color-primary:#00a9a0;
    --textOnPrimary: #ffffff;
    --primary-color: #00a9a0;
    --primary-dark: #005b94;
    --secondary-color: #FFAA22;
    --body-background: #f1f1f1;
    --sidebar-background: #f1f1f1;
    --grayone: #cecece;
    --text-on-dark: #4b4b4b;
    --text-on-bright: #efefef;
    --accent-color: #ff8a65;
    --card-background: #1e1e1e;
    --border-color: #c4c4c4;
}
}