/*

Color Scheme

*/

$color__background-content: fff !default; // posts, pages and sidebar background color. $color__background-body: e4f0f6 !default; // body background color $color__text: #000112 !default; // body text color

$color__link: #4e9dd8 !default; // color for links and accents $color__link-hover: #2361a7 !default; // alternate color for active or focused links and accents

$color__details: #939496 !default; // color for details such as borders and shadows $color__details-lighter: f0f1f4 !default; // lighter alternative for details $color__details-darker: #6d6e70 !default; // darker alternative for details

/*

Typography

*/

$font__body: “Avenir Next”, Corbel, “Fira Sans”, “Trebuchet MS”, Ubuntu, sans-serif !default; // used for the main, body typography $font__headings: $font__body !default; // used for headings and feature elements $font__code: “Cascadia Code”, SFMono-Regular, Menlo, Consolas, “Fira Mono”, “DejaVu Sans Mono”, monospace !default; // used for pre-formatted text and code.

/*

Layout

*/ $layout__container-width: 1180px !default; // the width of the main content (content + sidebar) $layout__gutter: 2rem !default; // the spacing unit between elements.

:root {

--color-bg: #{$color__background-content};
--color-body: #{$color__background-body};
--color-text: #{$color__text};
--color-link: #{$color__link};
--color-link-hover: #{$color__link-hover};
--color-details: #{$color__details};
--color-details-lighter: #{$color__details-lighter};
--color-details-darker: #{$color__details-darker};
--font: #{$font__body};
--font-headings: #{$font__headings};
--font-code: #{$font__code};
--container: #{$layout__container-width};
--gap: #{$layout__gutter};

}

@import “steve/base”, “steve/layout”, “steve/syntax”;