:root {
    --primary-color: #0f6171;
    --primary-color-lighter: rgba(15, 97, 113, 0.05);
    --primary-color-opacity: rgba(63, 68, 73, 0.89);
    --secondary-color: #a58243;
    --background-color: #3a626b;
    --text: #fff;
    --white: #fff;
    --white-darker: #f3f3f3;
    --white-grey: #ebeaea;
    --black: #181818;
    --black-black: black;
    --black-opacity: rgba(24, 24, 24, 0.89);
    --dark: rgb(26, 26, 26);
    --dark-lighter: rgb(41, 41, 41);
    --red: #ff0000;
    --green: #0f9e02;
    --grey: grey;
    --grey-lighter: rgb(212, 212, 212);
    --carky: #6f04d9;
    --gradient: linear-gradient(#a58243, #0f6171);
    --gradient-2: linear-gradient(#264b52, #19818f);
    --box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}