// Colors $white: #FFFFFF; $black: #000000; $gray-darker: #555555; $consul-pink: #D62783; $consul-pink-dark: #961D59; $packer-blue: #1DAEFF; $packer-blue-dark: #1D94DD; $terraform-purple: #5C4EE5; $terraform-purple-dark: #4040B2; $vagrant-blue: #1563FF; $vagrant-blue-dark: #104EB2; $vault-black: #000000; $vault-blue: #00ABE0; $vault-gray: #919FA8; // Typography $font-family-klavika: 'klavika-web', Helvetica, sans-serif; $font-family-open-sans: 'Open Sans', sans-serif; $font-family-monospace: 'Fira Mono', monospace; $font-size: 15px; $font-weight-reg: 400; $font-weight-bold: 600; // Body $body-font-color: $gray-darker; $body-link-color: $consul-pink; // Home $home-header-background-color: transparent; $home-header-link-color: $gray-darker; $home-header-link-color-hover: $black; // Sidebar $sidebar-background-color: $white; $sidebar-font-size: $font-size - 2; $sidebar-link-color: $body-font-color; $sidebar-link-color-hover: $black; $sidebar-link-color-active: $body-link-color; $sidebar-font-family: $font-family-open-sans; $sidebar-font-weight: $font-weight-reg; // Header $header-background-color: $consul-pink; $header-font-size: $font-size - 2; $header-height: 92px; $header-link-color: rgba($white, 0.85); $header-link-color-hover: $white; // Footer $footer-font-size: $font-size - 2; $footer-link-color: $body-font-color; $footer-link-color-hover: $black; // Button $button-background: $white; $button-font-color: #7b8A8E; $button-font-family: $font-family-klavika; $button-font-size: $font-size; $button-font-weight: $font-weight-bold; $button-primary-background: $consul-pink; $button-primary-font-color: $white;