//
// Component: Heading
//
// ========================================================================


// Variables
// ========================================================================

@heading-primary-font-size-m:                   45px;
@heading-primary-line-height-m:                 1.266;

@heading-hero-font-size:                        55px;
@heading-hero-line-height:                      1.18;

@heading-hero-font-size-s:                      65px;
@heading-hero-line-height-s:                    1.15;

@heading-hero-font-size-m:                      120px;

@heading-divider-padding-bottom:                2px;
@heading-divider-border:                        fade(@global-emphasis-color, 70%);

@heading-bullet-margin-right:                   10px;
@heading-bullet-border-width:                   2px;
@heading-bullet-border:                         @global-primary-background;

//
// Master
//

@heading-primary-letter-spacing:                4px;

@heading-hero-font-family:                      @global-secondary-font-family;
@heading-hero-font-weight:                      500;
@heading-hero-letter-spacing:                   12px;


// Primary
// ========================================================================

.hook-heading-primary() {}


// Hero
// ========================================================================

.hook-heading-hero() {}


// Divider
// ========================================================================

.hook-heading-divider() {}


// Bullet
// ========================================================================

.hook-heading-bullet() {}


// Line
// ========================================================================

.hook-heading-line() {}



// Miscellaneous
// ========================================================================

.hook-heading-misc() {}


// Inverse
// ========================================================================

.hook-inverse-heading-primary() {}

.hook-inverse-heading-hero() {}

.hook-inverse-heading-divider() {}

.hook-inverse-heading-bullet() {}

.hook-inverse-heading-line() {}