@font-face{
    font-family:"SugarLoved";
    src:url("Fonts/Sugar Loved.ttf") format("truetype");
}

@font-face{
    font-family:"Quicksand";
    src:url("Fonts/Quicksand.ttf") format("truetype");
}

/* ════════════════════════════════ */
/* 🍪 LITTLE COOKIE CRUMBS PALETTE */
/* ════════════════════════════════ */

:root{

    --cream:#fff8f1;
    --cookie:#f4d9b8;
    --pink-light:#fff0f7;
    --pink:#ffd6e7;
    --pink-dark:#e89aba;
    --cherry:#d96b8c;
    --text:#5f4a42;
    --shadow:0 6px 16px rgba(133,88,54,.12);

}

/* ════════════════════════════════ */
/* 🍪 GENERAL */
/* ════════════════════════════════ */

body{

    margin:0;
    font-family:"Quicksand",sans-serif;

    background:linear-gradient(
        180deg,
        #fffaf5 0%,
        #fff3e2 45%,
        #ffeef6 100%
    );

    color:var(--text);

    cursor:url("https://cdn.cursors-4u.net/previews/chocolate-chip-cookie-21890a64-32.webp") 16 16, auto;

}

a,
button,
.guestbook-link,
input[type="submit"]{

    cursor:url("https://cdn.cursors-4u.net/previews/chocolate-chip-cookie-21890a64-32.webp") 16 16, pointer;

}

input,
textarea{

    cursor:text;

}

/* ════════════════════════════════ */
/* 🍒 LINKS */
/* ════════════════════════════════ */

a{

    color:var(--cherry);
    text-decoration:none;
    transition:.2s;

}

a:hover{

    color:var(--pink-dark);

}

/* ════════════════════════════════ */
/* 🍓 SITE TITLE (todas las páginas) */
/* ════════════════════════════════ */

.site-title{

    display:flex;
    justify-content:center;
    align-items:center;
    gap:12px;

    padding:22px;

    font-family:"SugarLoved",cursive;
    font-size:52px;

    color:var(--cherry);

    text-shadow:
        2px 2px white,
        5px 5px var(--cookie);

}

.title-sticker{

    height:50px;

}

.title-divider{

    height:38px;
    width:auto;

}

/* ════════════════════════════════ */
/* 🍓 TEXTO */
/* ════════════════════════════════ */

p,
li{

    line-height:1.6;

}

main img,
.left-sidebar img,
.right-sidebar img,
.welcome-box img,
.about-card img,
.about-section img,
.shelf img,
#gallery img{

    display:block;
    max-width:100%;

}

/* ════════════════════════════════ */
/* 🏠 HOME BUTTON */
/* (usado por todas las páginas excepto home) */
/* ════════════════════════════════ */

.home-button{

    width:100%;
    text-align:left;
    margin:15px 0 20px 20px;

}

.home-button a{

    display:inline-block;

    padding:8px 16px;

    background:linear-gradient(
        to bottom,
        white,
        var(--cream)
    );

    border:2px solid var(--pink-dark);
    border-radius:999px;

    color:var(--cherry);

    font-weight:bold;

    box-shadow:var(--shadow);

    transition:.2s;

}

.home-button a:hover{

    background:var(--pink-light);
    transform:translateY(-2px);

}

/* ════════════════════════════════ */
/* 🍪 LITTLE COOKIE CRUMBS */
/* Made with love ♡ */
/* ════════════════════════════════ */