:root {
    /* PRIMARY */
    --color-primary-50: #EBF5FA;
    --color-primary-100: #CCE5F3;
    --color-primary-200: #99CCE6;
    --color-primary-300: #66B2DA;
    --color-primary-400: #3399CD;
    --color-primary-500: #007FC1;
    --color-primary-600: #00669A;
    --color-primary-700: #004C74;
    --color-primary-800: #00334D;
    --color-primary-900: #001927;
    /* SECONDARY */
    --color-secondary-100: #EFD8EA;
    --color-secondary-200: #DFB2D5;
    --color-secondary-300: #CE8BBF;
    --color-secondary-400: #BE65AA;
    --color-secondary-500: #AE3E95;
    --color-secondary-600: #8B3277;
    --color-secondary-700: #682559;
    --color-secondary-800: #46193C;
    --color-secondary-900: #230C1E;
    /* TERTIARY */
    --color-tertiary-100: #CCEBDE;
    --color-tertiary-200: #99D7BC;
    --color-tertiary-300: #66C39B;
    --color-tertiary-400: #33AF79;
    --color-tertiary-500: #009B58;
    --color-tertiary-600: #007C46;
    --color-tertiary-700: #005D35;
    --color-tertiary-800: #003E23;
    --color-tertiary-900: #001F12;
    /*  NEUTRAL  */
    --color-white: #FFFFFF;
    --color-grey-200: #F2F2F2;
    --color-grey-300: #DDDDDD;
    --color-grey-400: #CCCCCC;
    --color-grey-500: #888888;
    --color-grey-600: #404040;
    --color-black: #000000;
    /*  UTILITIES  */
    --color-error: #A30D03;
    --color-light-error: #F99494;
    --color-warning: #D37204;
    --color-light-warning: #FAC181;
    --color-info: #0879CA;
    --color-light-info: #80C0EE;
    --color-success: #259405;
    --color-light-success: #BFEFB2;
    --color-focus-state: #FFDD00;
}