////
///
/// Text Colour
/// ===========================================================================
///
/// Text colour roles as classes, for markup that cannot carry a component
/// class (a muted note under a form, a status word in a table cell). Each
/// reads a `--ss-color-*` token, so it follows the theme.
///
/// @group Appearance
/// @author Scape Press
/// @link https://scape.style
/// @since 0.5.0
/// @access public
///
////

@layer ss.appearance {
    .ss-a-text-inherit {
        color: inherit;
    }
    .ss-a-text-primary {
        color: var(--ss-color-text-primary);
    }
    .ss-a-text-secondary {
        color: var(--ss-color-text-secondary);
    }
    .ss-a-text-muted {
        color: var(--ss-color-text-muted);
    }
    .ss-a-text-accent {
        color: var(--ss-color-accent);
    }

    // Status text
    .ss-a-text-success {
        color: var(--ss-color-success);
    }
    .ss-a-text-warning {
        color: var(--ss-color-warning);
    }
    .ss-a-text-error {
        color: var(--ss-color-error);
    }
    .ss-a-text-info {
        color: var(--ss-color-info);
    }
}