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


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

@section-primary-background:                      lighten(@global-primary-background, 6%);
@section-primary-color-mode:                      dark;

//
// Master
//

// Image
@internal-section-default-image:                    "../../florence/images/section-light-background.svg";
@internal-section-muted-image:                      "../../florence/images/section-light-background.svg";
@internal-section-primary-image:                    "../../florence/images/section-light-background.svg";
@internal-section-secondary-image:                  "../../florence/images/section-dark-background.svg";

// Repeat
@internal-section-default-background-repeat:        repeat-y;
@internal-section-muted-background-repeat:          repeat-y;
@internal-section-primary-background-repeat:        repeat-y;
@internal-section-secondary-background-repeat:      repeat-y;


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