@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Pixelify+Sans:wght@400..700&display=swap');

:root {
    --body-background: #060520;
    --header-background: #060520;
    --header-text: #ffffff;
    --page-text: #ffffff;
    --header-nav-text: #FFFFFFCC;
    --header-nav-text-hover: #FFFFFF;
    --header-slider-gradient-1: #FFFFFF0D;
    --header-slider-gradient-2: #FFFFFF80;
    --header-slider-gradient-3: #FFFFFF0D;
}

/* Light theme */
@media (prefers-color-scheme: light) {
    :root {
        --body-background: #ffffff;
        --header-background: #ffffff;
        --header-text: #060520;
        --page-text: #060520;
        --article-text: #060520CC;
        --header-nav-text: #060520CC;
        --header-nav-text-hover: #060520;
        --header-slider-gradient-1: #0605200D;
        --header-slider-gradient-2: #06052080;
        --header-slider-gradient-3: #0605200D;
    }
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
    :root {
        --body-background: #060520;
        --header-background: #060520;
        --header-text: #ffffff;
        --page-text: #ffffff;
        --article-text: #FFFFFFCC;
        --header-nav-text: #FFFFFFCC;
        --header-nav-text-hover: #FFFFFF;
        --header-slider-gradient-1: #FFFFFF0D;
        --header-slider-gradient-2: #FFFFFF80;
        --header-slider-gradient-3: #FFFFFF0D;
    }
}
h1 {
    font-family: "DM Sans", serif;
    font-size: 38px;
    font-weight: 700;
    color: var(--page-text);
}
body {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: var(--body-background);
    height: 100vh;
}