: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;

    /*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: 10px;
}