:root {
    --bg-color: #ffffff;
    --text-color: #121212;
    --card-bg-color: #f5f5f5;
    --card-border-color: #cccccc;
    --card-header-footer-bg-color: #e0e0e0;
    --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: #e0e0e0;
    --table-row-even-bg-color: #f5f5f5;
    --input-bg-color: #ffffff;
    --input-border-color: #cccccc;
    --input-border-focus-color: #999999;
    --dropdown-bg-color: #f5f5f5;
    --dropdown-item-hover-bg-color: #e0e0e0;
    --modal-bg-color: #f5f5f5;
    --tooltip-bg-color: #cccccc;
    --page-link-bg-color: #f5f5f5;
    --page-link-border-color: #cccccc;
    --page-link-hover-bg-color: #e0e0e0;
    --page-link-hover-border-color: #999999;
    --page-item-active-bg-color: #999999;
    --footer-bg-color: #f5f5f5;
    --footer-padding: 20px 0;
    --navbar-padding-y: 0.5rem;
    --body-font-family: Roboto, Sans-serif;
    --button-font-family: Roboto;
    --login-bg-hover-color: #c8c8c8;
    --login-bg-color: #ffffff00;
    --login-border-color: #b4b4b4;
    --divider-color: #757575;
}