/* ------ COLORS ------ */

/* Color setting */
:root {
    --bg: #faf4e9;
    --bg-two: black;
    --bg-overlay: url(./images/groovepaper.png);
    --text: black;
    --accent: black;
    --link: #054d09;
    --visited-link: #4b0562;
}
/* Dark mode  colors*/
@media screen and (prefers-color-scheme: dark) {
    :root {
    --bg: black;
    --bg-two: #faf4e9;
    --text: white;
    --accent: #756752;
    --highlight: #221607;
    --link: #fcffe5;
    --visited-link: #f4e9ff;
    }
}

/* ------ FONTS ------ */

body {
    /* System font stack + dyslexia fonts
     * and Atkinson Hyperlegible (if installed on user system) */
    font-family: Dyslexie, OpenDyslexic, 'Atkinson Hyperlegible', Verdana, Ubuntu, roboto, noto, Arial, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, -apple-system, BlinkMacSystemFont, Sans-Serif;
    /* Font size = user's browser font size preference (1em) */
    font-size: 1em;
}
/* Heading font */
h1, h2, h3, h4, h5, h6 {font-family: Dyslexie, OpenDyslexic, 'The Bold Font', Serif; word-spacing: 0.1em;}
/* abril-fatface-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'The Bold Font';
  font-style: normal;
  font-weight: 400;
  src: local("theboldfont.ttf"),
  url('./fonts/theboldfont.ttf') format('truetype');
}