@import url("card-shimmer.css");
@import url("construction-interactions.css");

:root {
    /* =====================================
       COLOURS
    ===================================== */

    --midnight: #101827;
    --deep-night: #15100c;
    --dark-leather: #2b1b10;
    --gold: #d4af37;
    --gold-light: #f4d47c;
    --parchment: #f5ead2;
    --ink: #3b2618;
    --forest: #315b43;
    /* =====================================
       FONTS
    ===================================== */

    --title-font: 'Cinzel', serif;
    --body-font: 'Crimson Text', serif;
    /* =====================================
       LAYOUT
    ===================================== */

    --page-width: 1200px;
    --reading-width: 900px;
    --page-padding: clamp(18px, 4vw, 32px);
    --section-space: clamp(60px, 8vw, 100px);
    /* =====================================
       EFFECTS
    ===================================== */

    --shadow: 0 20px 50px rgba(0,0,0,.35);
    --transition: .35s ease;
}