/* fonts */
@font-face {
    font-family: "HeaderFont";
    src: url("https://files.catbox.moe/0kepng.ttf") format("truetype");
    font-display: swap;
}
@font-face {
    font-family: "BodyFont";
    src: url("https://files.catbox.moe/ry6pxl.otf") format("opentype");
    font-display: swap;
}

:root {
    /* ---------- colors ---------- */
    --accent: #f9acbc; /* main pink */
    --accent-dark: #c14b66; /* labels, titles */
    --border: #f4a9bc; /* panel & box borders */
    --ink: #4a4047; /* body text */
    --page-bg: #f7d9e1; /* page background */
    --card-bg: #ffffff; /* sheet / card background */
    --track-bg: #fbe6ec; /* slider track + scrollbar track */

    /* ---------- font families ---------- */
    --font-header: "HeaderFont", "Gochi Hand", cursive;
    --font-body: "BodyFont", "Patrick Hand", cursive;

    /* ---------- images ---------- */
    --img-banner: url("https://files.catbox.moe/f3y6p8.gif");
    --img-portrait: url("https://files.catbox.moe/13z6cx.png");
    --img-drawing: url("https://files.catbox.moe/13z6cx.png");

    /* the 3 small boxes at top-right (set to none to show placeholder text) */
    --img-box1: url("/images/images.jpg");
    --img-box2: url("/images/images\ \(1\).jpg");
    --img-box3: url("/images/aesthetic.gif");
}