/* Custom Colors */
:root {
    --primary: rgb(217, 89, 0);
    --background: #DCDCDD;
}

/* Custom Card Styling */
.card-styled {
    background: rgb(33, 37, 41) !important;
    color: #fff !important;
}

/* Typography */
body {
    font-family: 'Fira Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
    color: #727376;
    background-color: var(--background);
}

/* Gradients */
.purple-gradient {
    background: linear-gradient(40deg, #ff6ec4, #7873f5);
}
.blue-gradient {
    background: linear-gradient(40deg, #45cafc, #303f9f);
}

/* Shadow Effects */
.z-depth-1 {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.z-depth-5 {
    box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
}

/* Text Colors */
.dark-grey-text {
    color: #4f4f4f !important;
}

.btn {
    background-color: #d95900 !important;
    border-color: #d95900 !important;
}