:root {
    --neutral-300: #E8E9EA;

    /* Utility Colors Info */
    --info-main: #2A6076;
    --error: #A10010;
    --error-light: #D70015;
    --error-lightest: #FBE5E8;
    --primary-lightest: #F3FAFD;
    --success: #11754B;
    --success-lightest: #E8F5EF;
    --warning: #8D6708;
    --warning-lightest: #FFF6E9;

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

    /* Button and Actions Colors */
    --action-active: #C6C8CA;
    --action-hover: #FF5722;
    --action-altHover: #BF411A;
    --action-selected: #FFFFFF;
    --action-secondary: #1D4152;
    --action-focus: #74C7E9;
    --action-deactivated: #CECECE;

    /* Background Colors */
    --background-default: #1D242A;
    --background-paper: #FFFFFF;
    --bsckground-info: #F3FAFD;
    --background-alt: #F9F9F9;

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

    /* Shadows */
    --shadow--main: 0px 2px 10px 0px rgba(116, 199, 233, 0.35);
}