:root {
    /*colors*/

    --bg-primary: #121c4e;
    --bg-primary-hover: #414765;
    --foreground-primary: #ffffff;
    --bg-btn-primary: #476BC3;
    --bg-btn-primary-hover: #324fA5;
    --bg-btn-primary-active: #20337D;
    --bg-btn-primary-focus: #476BC3;
    --bg-btn-primary-disabled: #324fA5;
    --bg-btn-secondary-hover: #E8EFFA;
    --bg-btn-secondary-active: #20337D;
    --bg-btn-secondary-focus: #476BC3;
    --bg-btn-secondary-disabled: #324fA5;
    --border-btn-secondary-disabled: #B2ABA5;
    --bg-destructive: #C53422;
    --bg-destructive-hover: #FAD9D9;
    --bg-destructive-active: #C53422;
    --bg-destructive-fill-hover: #9C2514;
    --bg-destructive-fill-active: #71190C;
    --bg-thead-primary: #F7F6F4;
    --bg-thead-foreground: #262321;
    --table-border: #938C85;
    --bg-table-cell-alt: #F7F6F4;
    --bg-calendar-start-end: #20337D;
    --calendar-start-end-border: #476BC3;
    --bg-calendar-current-date: #324FA5;
    --foreground-secondary: #000000;
    --bg-checkbox-disabled: #CDC7C2;
    --text-foreground: #262321;
    --bg-login: #F2F0ED;
    --white: #ffffff;
    --period-selector-line: #a9a9a9;
    --refresh-icon-hover: #DBDBDB;
    --home-page-divider-color: #E3DFDA;
    --bg-error-message-button: #fee2e1;
    --bg-success-message-button: #bdea90;
    --bg-warning-message-button: #ffff99;
    --bg-page-header-container: #f4f4f4;
    --color-font-purpose-inverse-tertiary: #E3DFDA;
    --context-table-borders-stroke-color: #938C85;
    /*Font-Size*/
    --text-font-primary: 11px;
    --text-title-font-primary: 18px;
    --text-subtitle-font-primary: 14px;
    /*Spacing*/
    --cell-spacing-default: 8px 4px;
    --table-btn-padding: 6px 10px;
    --modal-radius: 10px;
    --modal-padding: 14px;
    --page-button-padding: 2px;
    --page-header-minimum-height: 58px;
}