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

@use "colours";

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

$page-content-bg:           #f5f5f5;
$page-heading-border-color: colours.$gray-200;
$footer-discover-fg:        colours.$gray-500;
$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-input-active-bg:    colours.$dark-link-color;
$cookie-focus-box-shadow:   0 0 0 .25rem rgba($cookie-input-active-bg, .25);
$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 (Most settings in edgel-dark-bg mixin).
$feature-bg:                colours.$dark;
$feature-fg:                colours.$white;

// Fonts
$font-weight-semi-bold:     600;

// 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;

// Gallery
$gallery-indicator-height: 5.5rem;
$gallery-image-height: 37.5rem;

// Disabled buttons - all same colour to ensure contrast
$btn-disabled-background: colours.$gray-400;
