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


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

@text-lead-font-size:                           20px;
@text-lead-color:                               @global-color;

@text-large-font-size:                          18px;

@text-meta-font-size:                           13px;
@text-muted-color:                              #adadad;

@text-primary-color:                            darken(@global-primary-background, 10%);


//
// Master
//

@text-lead-font-family:                         @global-font-family;


// Style modifiers
// ========================================================================

.hook-text-lead() {}

.hook-text-meta() {}


// Size modifiers
// ========================================================================

.hook-text-small() {}

.hook-text-large() {}


// Background modifier
// ========================================================================

.hook-text-background() {}


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

.hook-text-misc() {}


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

.hook-inverse-text-lead() {}
.hook-inverse-text-meta() {}