:root {
    --bg-color: #121212;
    --text-color: #e0e0e0;
    --card-bg-color: #1f1f1f;
    --card-border-color: #333333;
    --card-header-footer-bg-color: #2c2c2c;
    --primary-bg-color: #5569b0;
    --primary-bg-hover-color: #3c5b8e;
    --primary-bg-color-darker: #3c517e;
    --primary-bg-hover-color-darker: #2b436b;
    --primary-button-text-color: #FFFFFF;
    --secondary-bg-color: #fbe112;
    --secondary-bg-color-darker: #cc7d00;
    --secondary-bg-hover-color: #fde83d;
    --secondary-bg-hover-color-end: #f19502;
    --secondary-text-color: #ffffff;
    --table-row-odd-bg-color: #2c2c2c;
    --table-row-even-bg-color: #1f1f1f;
    --input-bg-color: #3b3b3b;
    --input-border-color: #333333;
    --input-border-focus-color: #666666;
    --dropdown-bg-color: #1f1f1f;
    --dropdown-item-hover-bg-color: #2c2c2c;
    --modal-bg-color: #1f1f1f;
    --tooltip-bg-color: #333333;
    --page-link-bg-color: #1f1f1f;
    --page-link-border-color: #333333;
    --page-link-hover-bg-color: #2c2c2c;
    --page-link-hover-border-color: #666666;
    --page-item-active-bg-color: #666666;
    --footer-bg-color: #1f1f1f;
    --footer-padding: 20px 0;
    --navbar-padding-y: 0.5rem;
    --body-font-family: Roboto, Sans-serif;
    --button-font-family: Roboto;
    --login-bg-hover-color: #424242;
    --login-bg-color: #00000000;
    --login-border-color: #757575;
    --divider-color: #757575;
}