:root {
    /* Catppuccin Mocha */
    /* Text */
    --fg: #cdd6f4;
    /* Crust */
    --fg2: #11111b;
    /* Base */
    --bg: #1e1e2e;
    /* Crust */
    --bg2: #11111b;
    /* Mauve */
    --hl: #cba6f7;
    /* Lavender */
    --hl2: #b4befe;

    --rad: 5px;
}

@media (prefers-color-scheme: light) {
    :root {
        /* Catppuccin Latte */
        /* Text */
        --fg: #4c4f69;
        /* Crust */
        --fg2: #dce0e8;
        /* Base */
        --bg: #eff1f5;
        /* Crust */
        --bg2: #dce0e8;
        /* Mauve */
        --hl: #8839ef;
        /* Lavender */
        --hl2: #7287fd;

        --rad: 5px;
    }
}

body {
    font-size: 1.0rem;
    font-family: sans-serif;

    color: var(--fg);
    background: var(--bg);

    margin: 0;

    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;

    height: 100vh;
}

header {
    background-color: var(--bg2);
    padding: 1em;
}

main {
    margin: 2em;
}

a {
    color: var(--hl);
    text-decoration: none;
}


.add {
    margin: 10px 0;
}

.wish {
    border-bottom: 1px solid var(--bg2);
    padding: 0.5em 0;
}

.wish:last-of-type {
    border: none;
}

footer {
    background-color: var(--bg2);
    padding: 1em;
}