/*
    Application css variables, common class definition, transitions, and body style
*/

:root {
    --commonTextColor: #545c5e;
    --mainBackgroundColor: #e2e2e2;
    --mainColor: #1b2931;
    --mainColorLighter: #475562;
    --mainColorLightest: #5e737e;
    --navPillsColor: #255480;
    --cardsBackgroundColorDarker: #fff;
    --cardsBackgroundColorLighter: #fff;
    --importantColorForDarkTheme: #152036;
    --importantFontColorDarkTheme: #6C7293;
    --importantFontTitleColorDarkTheme: #9da9bb;
    --importantCardColorDarkTheme: #1b2a47;
    --importantGreenColorDarkTheme: #24caa1;
    --importantBlueColorDarkTheme: #2eb7f3;
    --importantPurpleColorDarkTheme: #805bbe;
    --ic-calendar-bordas: #cee2f2;
    --ic-primary: #727cf5;
    --ic-primary-rgb: 108,117,125;
    --ic-primary-bg-subtle: #f1f2fe;
    --ic-success: #28a745;
    --ic-success-rgb: 10,207,151;
    --ic-success-bg-subtle: #e7faf5;
    --ic-info: #39afd1;
    --ic-info-rgb: 57, 175, 209;
    --ic-info-bg-subtle: #ebf7fa;
    --ic-warning: #ffc35a;
    --ic-warning-rgb: 255,195,90;
    --ic-warning-bg-subtle: #fff9ef;
    --ic-main-purple: #727CF5;
    --ic-danger: #eb4b4b;
    --ic-danger-bg-subtle: #ffeff2;
    --ic-secondary-color: --commonTextColor;
    --ic-white: #fff;
    --ic-lightGreen: #28a745;
    --ic-brd-rad-sm: 0.25rem;
    --it-font-size-base: 0.9rem;
    --it-font-size-sm: 0.8rem;
    --it-font-size-lg: 1rem;
    --it-font-size-xl: 1.125rem;
    --theme-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Smooth theme transitions */
.navbar,
.card,
.btn,
.modal-header,
.badge,
.alert,
.progress-bar {
    transition: var(--theme-transition);
}
body {
    visibility: hidden; /*this visibility is toggled back when setThemeColor is finish*/
    font-size: var(--ithr-font-size-base);
}