src/ember.scss

/*-- scss:defaults --*/

// use litera as the base
$theme: "litera" !default;

// import google fonts
@import 'https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700&display=swap';
@import 'https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&display=swap';
@import url('https://fonts.googleapis.com/css2?family=Nova+Square&display=swap');

// use Adobe Europa font
@import url("https://use.typekit.net/sfe1vyn.css");

// use Atkinson Hyperlegible font if available
$font-family-sans-serif: "Europa", "Source Sans Pro", "Atkinson Hyperlegible", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;

$primary:  #06436e !default;
$font-family-serif: 'Source Serif Pro', serif !default;
$font-family-sans-serif: 'Europa', sans-serif !default;
$headings-font-family: 'Nova Square', sans-serif !default;

/*-- scss:rules --*/

// litera is serif by default: revert to san-serif
h1, h2, h3, h4, h5, h6 {
  font-family: $headings-font-family;
  font-size: 22px;
 }
h1 {
  font-size: 30px;
  //text-transform: uppercase;
}
p, li {
  font-family: $font-family-sans-serif;
  font-size: 14pt;
}