custom.scss

/*-- scss:defaults --*/

@import url(https://fonts.googleapis.com/css?family=Montserrat&display=swap);
@import url(https://fonts.googleapis.com/css?family=Jost&display=swap);
@import url(https://fonts.googleapis.com/css?family=Fira+Mono&display=swap);
@import url(https://fonts.googleapis.com/css?family=Alata&display=swap);

// fonts
$font-family-sans-serif: "Jost", Helvetica, sans-serif !default;
$font-family-monospace: "Fira Mono", monospace;

// Color system
// From vapor bootswatch theme (to tie in with RainbowR website)

$white:    #fff !default;
$gray-100: #f8f9fa !default;
$gray-200: #e9ecef !default;
$gray-300: #dee2e6 !default;
$gray-400: #ced4da !default;
$gray-500: #adb5bd !default;
$gray-600: #6c757d !default;
$gray-700: #495057 !default;
$gray-800: #343a40 !default;
$gray-900: #170229 !default;
$black:    #000 !default;

$blue:    #1ba2f6 !default;
$indigo:  #6610f2 !default;
$purple:  #6f42c1 !default;
$pink:    #ea39b8 !default;
$red:     #e44c55 !default;
$orange:  #f1b633 !default;
$yellow:  #ffc107 !default;
$green:   #3cf281 !default;
$teal:    #3f81a2 !default;
$cyan:    #32fbe2 !default;
$light-purple: #e6b3ff; /* light purple */

$primary:       $purple !default;
$secondary:     $pink !default;
$success:       $green !default;
$info:          $blue !default;
$warning:       $yellow !default;
$danger:        $red !default;
$light:         #44d9e8 !default;
$dark:          $gray-900 !default;


$min-contrast-ratio:   1.2 !default;

// Options

// Body and Headers

$body-bg:                   #1a0933 !default;
$body-color:                $light-purple !default;
$presentation-heading-color: $cyan;

// Links

$link-color:                              $cyan !default;