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


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

@text-lead-font-size:                                  @global-medium-font-size;

@text-meta-font-size:                                  16px;
@text-meta-line-height:                                1.188;
@text-meta-text-transform:                             uppercase;

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

//
// Master
//

@text-lead-font-family:                                @global-font-family;
@text-lead-text-transform:                             none;
@text-lead-font-weight:                                @global-primary-font-weight;

@internal-text-background-color-gradient:              linear-gradient(45deg, #FE8155 0%, #F95462 35%, #f36884 60%, #F69EBE 100%);


// 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() {}