:root {

    /* Primary Colors */
    --primary-colour: white;
    --secoundary-colour: black;

    /* Background Colors */
    --primary-background-colour: #272626;
    --primary-linear-gradient-color: linear-gradient(#E8D123, #C86400);
    --primary-linear-gradient-color: linear-gradient(#255FE3,#25B7ED);

    /* Accent Colors */
    --primary-orange-colour: #FFA953;
    --primary-yellow-colour: #E8D123;
    --secondary-orange-colour: #FFCD86;

    /* Gray Colors */
    --primary-gray-color: #4F4B4B;
    --secondary-gray-color: #D9D9D9;
    --gray-text-colour: #8B8989;

    /* Button Colors */
    --primary-button-colour: #AB5C18;
    --sign-up-button-colour: #8223E8;
    --green-button-colour: #03FF18;
    --secoundary-green-colour: #CCFFD5;
    --primary-blue-color: #5DC7EE;
    --secoundary-blue-colour: #001879;

    /* Menu Color */
    --primary-menu-color: #D6CD8D;

    /* Shadows */
    --primary-box-shadow: 0px 6px 11px #000000;
    --primary-text-shadow: 0px 6px 11px #000000;
    --white-box-shadow: 0px 6px 11px #ffffff;
    --white-text-shadow: 4px 11px 19px #ffffff;
    --secoundary-box-shadow: 10px 15px 11px #AB5C18;
    --green-box-shadow: 0px 6px 11px #03FF18;
    --blue-box-shadow: 0px 6px 33px #5DC7EE;
    --blue-text-shadow: 0px 6px 11px #5DC7EE;
    --yellow-box-shadow: 0px 6px 11px #E8D123;
    --yellow-text-shadow: 0px 6px 11px #E8D123;

        /* Border Radius */
    --primary-border-radius: 20px;
    --secoundary-border-radius: 10px;
    --top-border-radius: 50px;
}