/* Fonts */

@font-face {
    font-family: "Cinzel Decorative";
    src: url(../fonts/CinzelDecorative-Regular.ttf);
    font-weight: normal;
}

@font-face {
    font-family: "Cinzel Decorative";
    src: url(../fonts/CinzelDecorative-Bold.ttf);
    font-weight: bold;
}

@font-face {
    font-family: "Crimson";
    src: url(../fonts/Crimson-Roman.otf);
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Crimson";
    src: url(../fonts/Crimson-Bold.otf);
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Crimson";
    src: url(../fonts/Crimson-Italic.otf);
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: "Crimson";
    src: url(../fonts/Crimson-BoldItalic.otf);
    font-weight: bold;
    font-style: italic;
}

/* Colors */

:root {
    --bg: #19121F;
    --accent: #9AA6CB;
    --accent-dark: #747E9D;
    --text: #D5D6E8;
    --url: #F5E8C9;
}

@media (prefers-color-scheme: light) {
    :root {

    }

    html {

    }
}

html {
    background: url(../assets/bg-noise-dark.png) repeat;
    background-color: var(--bg);
}

::selection {
    color: var(--bg);
    background: var(--accent);
}