:root {

    /* --------------------------------
       Colors
    -------------------------------- */

    --color-background: #080708;

    --color-text: #f4eee9;

    --color-text-muted: #d2c4bc;

    --color-accent: #d59b7f;

    --color-image-overlay: rgba(8, 7, 8, 0.18);


    /* --------------------------------
       Typography
    -------------------------------- */

    --font-display:
        Georgia,
        "Times New Roman",
        serif;

    --font-body:
        Inter,
        ui-sans-serif,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;


    /* --------------------------------
       Layout
    -------------------------------- */

    --content-width: 56rem;

    --page-padding:
        clamp(1.5rem, 6vw, 6rem);


    /* --------------------------------
       Effects
    -------------------------------- */

    --content-shadow:
        0 0.25rem 2rem rgba(0, 0, 0, 0.35);

}