//== Header
//
//##

// Basics of a header

// When to break between min & max header
$header-breakpoint:           768px !default;

$header-font-size:            $font-size-small !default;
$header-mobile-font-size:     $font-size-base !default;

$header-margin-bottom:        $line-height-base !default;
$header-border-width:         $accent-border-width !default;

$header-brand-font-size:      $h1-font-size !default;
$header-brand-font-weight:    $font-weight-bold !default;

// Header notifications
$header-notifications-width:  25em !default;

// Fallbacks for non-flexbox browsers
$header-height:               rem(60px) !default;
$header-padding-horizontal:   floor(($grid-gutter-width / 2)) !default;
$header-padding-vertical:     (($header-height - $line-height-base) / 2) !default;


// Header Variations
// -----------------------------------------------------------------------------

// Header Default
// --------------

// These are referenced within the following map, so we have to define them first
$header-default-bg:           ui-color(u-white) !default;
$header-default-link-color:   ui-color(u-darker-gray) !default;
$header-default-accent-color: ui-color(u-coral) !default;

$header-default: () !default;
$header-default: map-merge((
  color:                  $text-color,
  bg:                     $header-default-bg,
  border-color:           $header-default-accent-color,

  // Header links
  link-color:             $header-default-link-color,
  link-hover-color:       currentColor,
  link-hover-bg:          rgba(0,0,0,.03),
  link-disabled-color:    #CCC,
  link-disabled-bg:       transparent,

  current-link-color:     ui-color(u-black),
  current-link-bg:        rgba(0,0,0,.05),

  // Header brand
  brand-color:            ui-color(u-navy),
  brand-hover-color:      $link-color,
  brand-hover-bg:         transparent,

  // Mobile dropdown border
  collapse-border:        ui-color(u-lighter-gray),

  new-notification-color: $header-default-accent-color,

  // Spacing
  padding-xs-vertical:    $padding-xl-vertical,
  padding-md-vertical:    $padding-xxl-vertical,
  padding-xs-horizontal:  $padding-large-horizontal,
  padding-sm-horizontal:  $padding-xl-horizontal,

  // Primary buttons — Format here matches a button variant config (see
  // config/_button.css.scss)
  btn-primary: (
    color:                ui-color(u-white),
    background:           $header-default-accent-color,
    edge-color:           #9F3F3E
  )
), $header-default);
