:root {
    /* Colors */
    --white: rgba(255, 255, 255, 1);
    --black: rgba(0, 0, 0, 1);
    --neutrals-50: rgba(249, 250, 251, 1);
    --neutrals-100: rgba(242, 244, 246, 1);
    --neutrals-200: rgba(229, 232, 235, 1);
    --neutrals-300: rgba(209, 213, 218, 1);
    --neutrals-400: rgba(174, 180, 188, 1);
    --neutrals-500: rgba(139, 146, 156, 1);
    --neutrals-600: rgba(95, 103, 115, 1);
    --neutrals-700: rgba(59, 64, 72, 1);
    --primary-50: rgba(237, 246, 253, 1);
    --primary-100: rgba(203, 229, 249, 1);
    --primary-200: rgba(169, 213, 245, 1);
    --primary-300: rgba(116, 186, 236, 1);
    --primary-400-brand: rgba(58, 140, 222, 1);
    --primary-500: rgba(47, 111, 179, 1);
    --primary-600: rgba(35, 84, 136, 1);
    --primary-700: rgba(25, 57, 93, 1);
    --success-light: rgba(231, 250, 242, 1);
    --success-default: rgba(60, 177, 121, 1);
    --success-dark: rgba(36, 122, 84, 1);
    --warning-light: rgba(255, 247, 230, 1);
    --warning-default: rgba(245, 166, 35, 1);
    --warning-dark: rgba(173, 111, 0, 1);
    --error-light: rgba(252, 235, 236, 1);
    --error-default: rgba(229, 72, 77, 1);
    --error-dark: rgba(159, 31, 38, 1);
    /* Bow shadows */
    --shadow-xs: 0px 1px 2px 0px rgba(10, 13, 18, 0.05);
    --shadow-l: 0px 12px 16px -4px rgba(10, 13, 18, 0.08), 0px 4px 6px -2px rgba(10, 13, 18, 0.03);
    /* Transitions */
    --ease-in-out-300: ease-in-out 300ms;
    /*Font*/
    --fontWeight-small: 400;
    --fontWeight-medium: 500;
    --fontWeight-bold: 600;
    --fontSize-14: 14px;
    --fontSize-16: 16px;
    --fontFamily-Roboto: Roboto;
}