@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat-Regular.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat-Medium.otf") format("opentype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/montserrat-bold.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
}


:root{

    --primary:#216D76;
    --primary-light:#D4E8E6;

    --white:#FFFFFF;

    --background:#F7FAFA;

    --text:#222;

    --border:#E4ECEC;

    --radius:14px;

    --shadow:0 6px 18px rgba(0,0,0,.08);

}

*{

    margin:0;

    padding:0;

    box-sizing:border-box;

}

body{

    font-family:"Montserrat",sans-serif;

    background:var(--background);

    color:var(--text);

}

.empty-state{

    background:white;

    padding:60px;

    border-radius:var(--radius);

    text-align:center;

    box-shadow:var(--shadow);

}

.empty-state h3{

    margin-bottom:12px;

}

.empty-state p{

    color:#777;

}