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=Arima:wght@100;200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Overpass+Mono:wght@300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nova+Square&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

// use Atkinson Hyperlegible font if available
$font-family-sans-serif: "Helvetica Neue", "Work Sans", "Source Sans", "Inter", "IBM Plex Sans", "Public Sans", "Noto Sans", "Atkinson Hyperlegible", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial,  sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

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

// use Neue Haas Unica Adobe font: <style>
@import url("https://use.typekit.net/vxy3xcn.css");

// use IBM Plex Mono
$font-family-monospace: "Overpass Mono", "Roboto Mono", "IBM Plex Mono", monospace, monospace;

$font-family-serif: "Source Serif Pro", "Literata", "Piazzolla", serif;

$font-family-base: "Helvetica Neue", sans-serif;

/*-- scss:rules --*/

// litera is serif by default: revert to san-serif
p, li, {
  font-family: $font-family-base;
  font-size: 14px;
}

h1 {
  font-family: $font-family-sans-serif;
  font-weight: 700;
  //letter-spacing: 1px;
  font-size: 30px;
}

h2, h3, h4, h5, h6 {
  font-family: $font-family-sans-serif;
  // font-weight: 400;
  //text-transform: uppercase;
  //letter-spacing: 1px;
  font-size: 22px;
}

a:link {
  text-decoration: none;
  color: #235440;
  // text-decoration-color: #235440;
  //text-decoration-thickness: 1px;
  //text-underline-offset: 3px;
}
a:visited {
    text-decoration: none;
    color: #429A77;
    //text-decoration-color: #235440;
    //text-decoration-thickness: 1px;
    //text-underline-offset: 3px;
}
a:hover {
  //color: #235440;
  text-decoration: underline;
  //text-decoration-color: #235440;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
a:active {
  text-decoration: none;
}