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

/* Color setting */
:root {
    /* The background of the text section */
    --background: #faf4e9;
    --background-pattern: url("https://drive.google.com/uc?export=view&id=15VyxfQdIklDw8MlMGwFYM73bRKoh_qYX");
    /* The background for the header and footer */
    --header-footer-background: #f3e8d6;
    --header-footer-pattern: url("./images/transparent-square-tiles.png");
    /* Regular text color */
    --text: black;
    /* Bonus Color (tm). Horizontal rules, borders, etc. */
    --accent: #d5bd95;
    /* Background of highlighted and marked text */
    --highlight: #efe4d3;
    /* Link text */
    --unvisited-link: #054d09;
    --visited-link: #4b0562;
}
/* Dark mode  colors*/
@media screen and (prefers-color-scheme: dark) {
    :root {
    /* The background of the text section */
    --background: #2e332b;
    --background-pattern: url("https://drive.google.com/uc?export=view&id=15VyxfQdIklDw8MlMGwFYM73bRKoh_qYX");
    /* The background for the header and footer */
    --header-footer-background: #485544;
    --header-footer-text: #f4f9e3;
    /* Regular text color */
    --text: white;
    /* Bonus Color (tm). Horizontal rules, borders, etc. */
    --accent: #9ea36e;
    /* Background of highlighted and marked text */
    --highlight: #221607;
    /* Link text */
    --link: #eefff4;
    --visited-link: #eefff4;
    }
}

/* ------ 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;
}

/* Header title font */
header h1 {font-family: Dyslexie, OpenDyslexic, 'Abril Fatface', 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: 'Abril Fatface';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/abril-fatface-v23-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}