////
///
/// Background
/// ===========================================================================
///
/// Background appearance styles.
/// No layout logic.
///
/// @group Appearance
/// @author Scape Press
/// @link https://scape.style
/// @since 0.1.0 initial release
/// @access public
///
////

// Background colors
@layer ss.appearance {

.ss-a-bg-transparent {
    background-color: transparent;
}
.ss-a-bg-current {
    background-color: currentColor;
}
.ss-a-bg-white {
    background-color: var(--ss-color-white);
}
.ss-a-bg-black {
    background-color: var(--ss-color-black);
}
.ss-a-bg-primary {
    background-color: var(--ss-color-primary);
}
.ss-a-bg-secondary {
    background-color: var(--ss-color-secondary);
}
.ss-a-bg-muted {
    background-color: var(--ss-color-muted);
}

// Semantic backgrounds
.ss-a-bg-success {
    background-color: var(--ss-color-success);
}
.ss-a-bg-warning {
    background-color: var(--ss-color-warning);
}
.ss-a-bg-error {
    background-color: var(--ss-color-error);
}
.ss-a-bg-info {
    background-color: var(--ss-color-info);
}

// Background utilities
.ss-a-bg-cover {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.ss-a-bg-contain {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.ss-a-bg-fixed {
    background-attachment: fixed;
}

}