// Variables // // Variables should follow the `$component-state-property-size` formula for // consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs. $centos-color-0: #9ccd2a; $centos-color-1: efa724; $centos-color-2: a14f8c; $centos-color-3: #262577; $centos-img-logo: “../img/logo.png”; $centos-img-motif: “../img/motif.png”;

// Color system - based in the artistic motif palette and the number of // occurrence each color has in the image. $white: fff; $primary: $centos-color-2; $secondary: $centos-color-3; $dark: #020008;

// Header $home-header-padding-top: 202px; $home-header-padding-bottom: 150px; $page-header-padding-top: 152px; $page-header-padding-bottom: 100px; $heading-margin-top: 1rem; $scroll-margin-top: $heading-margin-top * 2.6;

// Body - settings for `<body>` element. $body-bg: f0f0f0; $body-color: $dark;

// Paragraphs $paragraph-margin-bottom: 1.8rem; $code-color: $dark;

// Typography - Font, line-height, and color for body text, headings, and more. $font-family-path: “../fonts”; $font-family-sans-serif: Montserrat; $line-height-base: 1.75; $headings-line-height: $line-height-base - 0.3; $headings-font-weight: 700;

// Dropdown menu container and contents. $dropdown-bg: $dark; $dropdown-link-color: $white; $dropdown-link-hover-color: $white; $dropdown-link-hover-bg: rgba($primary, .2);

// Breadcrumbs $breadcrumb-bg: transparent; $breadcrumb-padding-x: 0;

// Tables $table-dark-bg: $dark;