@import "sort-option.css";

:root {
    --primary: #d45224;
    --secondary: #00b0aa;
    --dark: #000000;
    --info: #c0cbd6;
    --white: #fff;
    --light: #f5f5f5;
    --light-grey: #D5E0EB;
    --green: #96a550;
    --dark-gray: #45515d;
    --new-dark-gray: #47515C;
    --dark-red: #ab3a1b;
    --bright-blue: #00b4e5;
    --magenta: #b73093;
    --dark-orange: #b88e2d;
}

.title {
    color: var(--new-dark-gray);
    line-height: 1;
    text-transform: uppercase;
}

.title--h1 {
    font-size: 2.5rem;
}

.title--h2 {
    font-size: 2rem;
}

.title--h3 {
    font-size: 1.8rem;
}

.title--h4 {
    font-size: 1.5rem;
}

.title--h5 {
    font-size: 1.2rem;
}

.title--h6 {
    font-size: 1rem;
}

.link {
    border-bottom: 1px solid  var(--new-dark-gray);
    color:  var(--new-dark-gray);
    cursor: pointer;
    display: inline-block;
    padding: .2rem .5rem;
    text-decoration: none!important;
    width: fit-content;
}

.box-elevation {
    box-shadow: 0 2px 4px -1px #0003, 0 4px 5px #00000024, 0 1px 10px #0000001f;
}