@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&family=Momo+Trust+Display&display=swap');

:root {
    --white: #FFFFFF;
    --black: #000000;
    --low-pearl: #f9f9fa;
    --pearl: #dcdff2;
    --high-pearl: rgb(130, 137, 161);
    --carbon: #111;
}

::selection {
    background-color: rgb(130, 137, 161);
    color: #ffffff;
}

body, html {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Momo Trust Display', sans-serif;
    background-color: var(--pearl);
    color: var(--carbon);
    overflow-y: hidden;
    overflow-x: hidden;
    cursor: url('../media/cursors/normal.svg') 0 0, auto;
    transition: 0.3s;
    height: 100vh;
}

body.dark {
    background: #121212;
    color: #f1f1f1;
}