:root{

    /* Colors */

    --paper:#FFFFFF;

    --ink:#1A1636;

    --gold:#D98C00;

    --marigold:#FF9F1C;

    --vermilion:#E23E32;

    --plum:#7B2D6B;

    --jade:#0E9E6E;


    --muted:rgba(26,22,54,.58);

    --line:rgba(217,140,0,.30);



    /* Fonts */

    --display:"Marcellus",Georgia,serif;

    --body:"Karla",system-ui,sans-serif;

    --mono:"IBM Plex Mono",ui-monospace,monospace;


    /* Common */

    --radius:16px;

    --shadow:
    0 10px 30px rgba(26,22,54,.12);


}



*{

    margin:0;

    padding:0;

    box-sizing:border-box;

}



body{

    background:var(--paper);

    color:var(--ink);

    font-family:var(--body);

}



h1,h2,h3,h4{

    font-family:var(--display);

}



button{

    font-family:var(--body);

    cursor:pointer;

}



img{

    max-width:100%;

    display:block;

}