//
// EdGEL-specific Variables
// --------------------------------------------------
//

@use "colours";

$grid-gutter-height:        1.5rem;
$main-content-spacer:       1.5rem;

$descriptive-text-color:    colours.$gray-600;

$page-content-bg:           colours.$gray-100;
$page-heading-border-color: colours.$gray-200;
$footer-discover-fg:        colours.$gray-600;
$footer-discover-bg:        colours.$gray-900;
$footer-fg:                 colours.$gray-400;
$footer-bg:                 colours.$gray-800;
$footer-hover:              colours.$white;
$footer-panel-dark:         colours.$gray-600;
$footer-panel-light:        colours.$white;

$cookie-fg:                 colours.$gray-400;
$cookie-bg:                 colours.$gray-800;
$cookie-link:               colours.$dark-link-color;
$cookie-btn1-fg:            colours.$gray-800;
$cookie-btn1-bg:            colours.$white;
$cookie-btn1-bd:            colours.$gray-400;
$cookie-btn1-fg-hover:      colours.$gray-800;
$cookie-btn1-bg-hover:      colours.$gray-200;
$cookie-btn1-bd-hover:      colours.$gray-500;
$cookie-btn1-bg-active:     colours.$gray-300;
$cookie-btn1-bd-active:     colours.$gray-600;
$cookie-btn2-fg:            colours.$gray-400;
$cookie-btn2-bg:            colours.$gray-800;
$cookie-btn2-bd:            colours.$gray-400;
$cookie-btn2-fg-hover:      colours.$gray-400;
$cookie-btn2-bg-hover:      colours.$gray-700;
$cookie-btn2-bd-hover:      colours.$gray-500;
$cookie-btn2-bg-active:     colours.$gray-600;
$cookie-btn2-bd-active:     colours.$gray-500;
$cookie-jar-transition:     height 400ms linear 0s, padding 400ms linear 0s;

// Contact settings
$contact-list-line-height:  1.75;

// Hero panel settings
$hero-padding:              3rem;
$hero-dark-link:            colours.$gray-400;

// Feature panels
$feature-link:              colours.$dark-link-color;
$feature-bg:                colours.$gray-800;
$feature-fg:                colours.$white;

// Fonts
$font-path:                 "../fonts/";
$font-weight-semi-bold:     600;

// Animation settings
$transition-duration:       .35s;
$transition-transform:      transform $transition-duration ease;

// Page masthead settings
$masthead-padding:     1.25rem;
$masthead-padding-xs:  .3125rem;

// Navbar
$navbar-dark-active-bg: colours.$white;
$navbar-nav-item-border: 1px solid rgba(colours.$black, .3);
$navbar-light-toggler-hover-bg: rgba(colours.$white, .7);
$navbar-dark-toggler-hover-bg: rgba(colours.$black, .7);

// Icon cards
$card-icon-panel-width: 3rem;
$card-icon-size: 1rem;
