:root {
    /* Colours */
    --orange-50: #FDEEE6;
    --orange-100: #FADCCC;
    --orange-200: #F5B999;
    --orange-300: #F19766;
    --orange-400: #EC7433;
    --orange-500: #E75100;
    --orange-600: #AD3D00;
    --orange-700: #742900;
    --orange-800: #3A1400;
    --orange-900: #170800;
    --bodybg: #E5E5E5;
    --grey-00: #FFFFFF;
    --grey-50: #F1F0EF;
    --grey-60: #A1A1A1;
    --grey-80: #656565;
    --grey-100: #E3DFDD;
    --grey-200: #C7C0BB;
    --grey-300: #AAA099;
    --grey-400: #8E8177;
    --grey-500: #726155;
    --grey-600: #564940;
    --grey-700: #39312B;
    --grey-800: #1D1815;
    --grey-900: #0B0A09;
    --white: #ffffff;
    --dark: #6A6460;
    /* Text-size styles */
    /* base size: h200--- -base (14px) */
    --h100: 0.79rem;
    --h200: 1rem;
    --h300: 1.29rem;
    --h400: 1.57rem;
    --h500: 1.93rem;
    --h600: 2.43rem;
    --h700: 3.07rem;
    --h800: 3.79rem;
    --h900: 4.79rem;
    /* Border-radius */
    --radius-40: 40px;
}