:root {
    /* Brand */
    --brand-primary: #18A4F8 !important;
    --bg-gradient: linear-gradient(135deg, #18A4F8 0%, #2884f0 100%) !important;
    --alert: #CA0234;
    --brand-warning: #CF9D61;
    --bg-body: #FAFCFF;
    --bg-card-body: #FFFFFF;

    --borderRadius-default: 24px;
    --light-bg: #F0F4F8;
    --input-bg: #E8F0F8;
    --bg-hover: #18a2f8c6;
    /* Text */
    --text-high: #363636;
    --text-medium: #4E5052;
    --text-low: #86898C;

    --header-bg: #ffffff;
    --header-text: #18A4F8;
    --header-hover: #18A4F8;

    --brand-box-shadow: 0 8px 32px 0 rgba(14, 14, 14, 0.2);
    --box-shadow-inset: inset 3px 3px 6px #cccccc, inset -3px -3px 6px #ffffff;
    --box-shadow-inset-focus: inset 3px 3px 6px #ffffff, inset -3px -3px 6px #cccccc;
}