//
// Component: Base
//
// ========================================================================


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

@base-heading-font-family:                      @global-primary-font-family;
@base-heading-font-weight:                      @global-primary-font-weight;
@base-heading-text-transform:                   @global-primary-text-transform;

//
// New
//

@base-heading-letter-spacing:                   @global-primary-letter-spacing;

@base-h1-color:                                 @base-heading-color;
@base-h1-font-family:                           @base-heading-font-family;
@base-h1-font-weight:                           @base-heading-font-weight;
@base-h1-text-transform:                        @base-heading-text-transform;
@base-h1-letter-spacing:                        @base-heading-letter-spacing;

@base-h2-color:                                 @base-heading-color;
@base-h2-font-family:                           @base-heading-font-family;
@base-h2-font-weight:                           @base-heading-font-weight;
@base-h2-text-transform:                        @base-heading-text-transform;
@base-h2-letter-spacing:                        @base-heading-letter-spacing;

@base-h3-color:                                 @base-heading-color;
@base-h3-font-family:                           @base-heading-font-family;
@base-h3-font-weight:                           @base-heading-font-weight;
@base-h3-text-transform:                        @base-heading-text-transform;
@base-h3-letter-spacing:                        @base-heading-letter-spacing;

@base-h4-color:                                 @base-heading-color;
@base-h4-font-family:                           @global-secondary-font-family;
@base-h4-font-weight:                           @global-secondary-font-weight;
@base-h4-text-transform:                        @global-secondary-text-transform;
@base-h4-letter-spacing:                        @global-secondary-letter-spacing;

@base-h5-color:                                 @base-heading-color;
@base-h5-font-family:                           @global-secondary-font-family;
@base-h5-font-weight:                           @global-secondary-font-weight;
@base-h5-text-transform:                        @global-secondary-text-transform;
@base-h5-letter-spacing:                        @global-secondary-letter-spacing;

@base-h6-color:                                 @base-heading-color;
@base-h6-font-family:                           @global-secondary-font-family;
@base-h6-font-weight:                           @global-secondary-font-weight;
@base-h6-text-transform:                        @global-secondary-text-transform;
@base-h6-letter-spacing:                        @global-secondary-letter-spacing;

@base-blockquote-color:                         @global-emphasis-color;
@base-blockquote-font-family:                   @global-primary-font-family;
@base-blockquote-font-weight:                   @global-primary-font-weight;
@base-blockquote-text-transform:                @global-primary-text-transform;
@base-blockquote-letter-spacing:                @global-primary-letter-spacing;

@base-blockquote-footer-color:                  @global-color;
@base-blockquote-footer-font-family:            @global-secondary-font-family;
@base-blockquote-footer-font-weight:            @global-secondary-font-weight;
@base-blockquote-footer-text-transform:         @global-secondary-text-transform;
@base-blockquote-footer-letter-spacing:         0;


// Body
// ========================================================================

.hook-base-body() {}


// Links
// ========================================================================

.hook-base-link() {}

.hook-base-link-hover() {}


// Text-level semantics
// ========================================================================

.hook-base-code() {}


// Headings
// ========================================================================

.hook-base-heading() { letter-spacing: @base-heading-letter-spacing; }

.hook-base-h1() {
    color: @base-h1-color;
    font-family: @base-h1-font-family;
    font-weight: @base-h1-font-weight;
    text-transform: @base-h1-text-transform;
    letter-spacing: @base-h1-letter-spacing;
}

.hook-base-h2() {
    color: @base-h2-color;
    font-family: @base-h2-font-family;
    font-weight: @base-h2-font-weight;
    text-transform: @base-h2-text-transform;
    letter-spacing: @base-h2-letter-spacing;
}

.hook-base-h3() {
    color: @base-h3-color;
    font-family: @base-h3-font-family;
    font-weight: @base-h3-font-weight;
    text-transform: @base-h3-text-transform;
    letter-spacing: @base-h3-letter-spacing;
}

.hook-base-h4() {
    color: @base-h4-color;
    font-family: @base-h4-font-family;
    font-weight: @base-h4-font-weight;
    text-transform: @base-h4-text-transform;
    letter-spacing: @base-h4-letter-spacing;
}

.hook-base-h5() {
    color: @base-h5-color;
    font-family: @base-h5-font-family;
    font-weight: @base-h5-font-weight;
    text-transform: @base-h5-text-transform;
    letter-spacing: @base-h5-letter-spacing;
}

.hook-base-h6() {
    color: @base-h6-color;
    font-family: @base-h6-font-family;
    font-weight: @base-h6-font-weight;
    text-transform: @base-h6-text-transform;
    letter-spacing: @base-h6-letter-spacing;
}


// Horizontal rules
// ========================================================================

.hook-base-hr() {}


// Blockquotes
// ========================================================================

.hook-base-blockquote() {
    color: @base-blockquote-color;
    font-family: @base-blockquote-font-family;
    font-weight: @base-blockquote-font-weight;
    text-transform: @base-blockquote-text-transform;
    letter-spacing: @base-blockquote-letter-spacing;
}

.hook-base-blockquote-footer() {
    color: @base-blockquote-footer-color;
    font-family: @base-blockquote-footer-font-family;
    font-weight: @base-blockquote-footer-font-weight;
    text-transform: @base-blockquote-footer-text-transform;
    letter-spacing: @base-blockquote-footer-letter-spacing;
}


// Preformatted text
// ========================================================================

.hook-base-pre() {}


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

.hook-base-misc() {}


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

@inverse-base-h1-color:                        @inverse-global-emphasis-color;
@inverse-base-h2-color:                        @inverse-global-emphasis-color;
@inverse-base-h3-color:                        @inverse-global-emphasis-color;
@inverse-base-h4-color:                        @inverse-global-emphasis-color;
@inverse-base-h5-color:                        @inverse-global-emphasis-color;
@inverse-base-h6-color:                        @inverse-global-emphasis-color;
@inverse-base-blockquote-color:                @inverse-global-emphasis-color;

.hook-inverse-base-link() {}
.hook-inverse-base-link-hover() {}

.hook-inverse-base-code() {}

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

.hook-inverse-base-h1() { color: @inverse-base-h1-color; }
.hook-inverse-base-h2() { color: @inverse-base-h2-color; }
.hook-inverse-base-h3() { color: @inverse-base-h3-color; }
.hook-inverse-base-h4() { color: @inverse-base-h4-color; }
.hook-inverse-base-h5() { color: @inverse-base-h5-color; }
.hook-inverse-base-h6() { color: @inverse-base-h6-color; }

.hook-inverse-base-blockquote() { color: @inverse-base-blockquote-color; }
.hook-inverse-base-blockquote-footer() {}

.hook-inverse-base-hr() {}
