/* ==================================================
   FONTIT – ENSIN (AINOA SALLITTU PAIKKA)
   ================================================== */

@import url("https://fonts.googleapis.com/css2?family=IM+Fell+English:ital@0;1&family=Unkempt:wght@400;700&display=swap");

/* ==================================================
   CSS-RAKENNE – @importit
   ================================================== */

@import url("base.css");
@import url("header.css");
@import url("nav.css");
@import url("mid.css");
@import url("forms.css");
@import url("cards.css");
@import url("utilities.css");
@import url("theme.css");
@import url("footer.css");

/* ==================================================
   MUUTTUJAT
   ================================================== */

:root {
  --brand-primary: #4D7068;
  --brand-accent: #EBBD72;
  --brand-red: #B73128;
  --brand-link: #899BFF;

  --teksti: #000000;
  --otsikko: #111111;

  --pinta: #FFFFFF;
  --sivupohja: #F5F5F5;

  --reuna-kevyt: #E0E0E0;
  --reuna-neutraali: #CCCCCC;

  --linkki: var(--brand-link);
  --linkki-hover: #6f80e0;
}

/* ==================================================
   PERUSTEKSTI
   ================================================== */

body {
  font-family: "IM Fell English", serif;
  color: var(--teksti);
  line-height: 1.55;
}

/* ==================================================
   OTSIKOT / NAVI (HALUTTU KÄSINTEHTY TYYLI)
   ================================================== */

h1, h2, h3,
.main-nav,
.sub-nav-inline {
  font-family: "Unkempt", cursive;
}