//
// Component: Section
//
// ========================================================================


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

//
// Master
//

@internal-section-primary-gradient:                 linear-gradient(155deg, @section-primary-background 0%, spin(@section-primary-background, 9%) 100%);
@internal-section-secondary-gradient:               linear-gradient(5deg, lighten(@section-secondary-background, 5%) 0%, @section-secondary-background 100%);


// Component
// ========================================================================

.hook-section() {}


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

.hook-section-default() {}

.hook-section-muted() {}

.hook-section-primary() {}

.hook-section-secondary() {}

.hook-section-media() {}


// Overlap modifier
// ========================================================================

.hook-section-overlap() {}


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

.hook-section-misc() {}