:root {
    /* Brand Colors Primary */
    --primary-main: #2A6076;
    --primary-100: #E3EFFF;
    --primary-300: #1D242A;
    --primary-800: #0064E0;
    --secondary-400: #FFFFFF;

    /* Brand Colors Neutral */
    --neutral-100: #FFFFFF;
    --neutral-200: #F1F4F7;
    --neutral-300: #E8E9EA;
    --neutral-400: #C6C8CA;
    --neutral-600: #565B5F;
    --neutral-700: #3F454A;
    --neutral-800: #1D242A;

    /* Utility Colors Warning */
    --warning-lightest: #FFF6E9;
    --warning-light: #FFA620;
    --warning-main: #8D6708;

    /* Utility Colors Info */
    --info-lightest: #EBF3FA;
    --info-light: #3785CC;
    --info-main: #296499;

    /* Utility Colors Success */
    --success-lightest: #E8F5EF;
    --success-light: #169C64;
    --success-main: #11754B;

    /* Utility Colors Error */
    --error-lightest: #FBE5E8;
    --error-light: #D70015;
    --error-main: #A10010;

    /* Typography Colors */
    --text-primary: #1D242A;
    --text-secondary: #565B5F;
    --text-disabled: #C6C8CA;
    --text-altPrimary: #FFFFFF;

    /* Button and Actions Colors */
    --action-active: #0064E0;
    --action-hover: #0064E0A6;
    --action-selected: #74C7E9;
    --action-secondary: #1D242A;
    --action-secondary-hover: #565B5F;
    --action-disabled: #CECECE;
    --action-disabledBackground: #FFFFFF;

    /* Background Colors */
    --background-default: #F9F9F9;
    --background-paper: #FFFFFF;

    /* Divider */
    --divider: #DEDEDE;

    /* Gradients */
    --gradient-main: linear-gradient(45deg, #0F61AD -4.37%, #0064E0 100.62%);

    /* Shadows */
    --shadow--base: 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
    --shadow--medium: 0px 4px 10px 0px rgba(0, 0, 0, 0.1), 0px 2px 4px 0px rgba(0, 0, 0, 0.06);
    --shadow--large: 0px 4px 6px 0px rgba(0, 0, 0, 0.05), 0px 10px 15px 0px rgba(0, 0, 0, 0.1);
    --shadow--xlarge: 0px 10px 10px 0px rgba(0, 0, 0, 0.04), 0px 20px 25px 0px rgba(0, 0, 0, 0.1);
    --shadow--2xlarge: 0px 25px 50px 0px rgba(0, 0, 0, 0.25);
    --shadow--inner: 0px 2px 4px 0px rgba(0, 0, 0, 0.06) inset;
}