:root {
    --shadow: 0 0 30px 0 rgba(0, 0, 0, 0.25);
    --dropSmallShadow: drop-shadow(0 0 0.5rem 0 rgba(0, 0, 0, 0.25));

    --dropLighterShadow: drop-shadow(0 0 0.75rem rgba(0, 0, 0, 0.1));
    --dropLighterShadow: drop-shadow(0 0 0.75rem rgba(0, 0, 0, 0.1));
    --dropShadow: drop-shadow(0 0 0.75rem rgba(0, 0, 0, 0.5));

    --gray: rgb(82, 82, 82);
    --darkGray: rgb(0, 0, 0);
    --lightGray: #f7f6f2;
    --tone1: #ef9538;
    --tone2: #d2bc92;
    --tone2dark: #847b61;
    --tone3: #cbd679;
    --tone3dark: #939247;
    --tone4: #ece79d;
}

@font-face {
    font-family: 'PlayfairDisplay';
    src: url('../assets/fonts/PlayfairDisplay-VariableFont_wght.ttf') format('truetype');
    font-style: normal;
}

@font-face {
    font-family: 'Libertinage';
    src: url('../assets/fonts/Libertinage.ttf') format('truetype');
    font-style: normal;
}