rdsstyles.scss

/*-- scss:defaults --*/

// Import fonts
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&family=Montserrat:wght@400;700&family=Nunito:wght@300;800&family=Roboto+Mono:wght@300;400&family=Sanchez&display=swap');

// Fonts (CSS rules)
$font-family-serif: "Lora", serif;
$font-family-sans-serif: 'Nunito', sans-serif;
$font-family-monospace: 'Roboto Mono', monospace;


// Colors
$navy: #003660;
$gold: #FEBC11;
$gray: #111517;
$light-gray: #DCE1E5;
$white: #FFFFFF;
$sea-green: #09847A;
$coral: #EF5645;
$sandstone: #C9BF9D;
$clay: #faf8f4; 
$mist: #9CBEBE;

// Base document colors
$navbar-bg: $sea-green; // navbar
$navbar-fg: $white; // navbar foreground elements
$navbar-hl: $gold; // highlight color when hovering over navbar links
$sidebar-bg: $clay; // navbar
$body-bg: $clay; // page background 
$body-color: $gray; // page text 
$footer-bg: $navy; // footer 
$link-color: $coral; // hyperlinks 



/*-- scss:rules --*/

// header font & color
h1, h2, h3, h4 {
  font-family: $font-family-sans-serif;
}

//body 
body {
  font-family: $font-family-serif;
}