////
///
/// 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;
    }
}