////
///
/// Character Mark Configuration
/// ===========================================================================
///
/// Configuration for marked/highlighted text character styles.
///
/// @group Typography.Character.Semantics.Mark
/// @author Scape Press
/// @link https://scape.style
/// @since 0.1.0 initial release
/// @access public
///
////

// ============================================================================
// StyleScape — Inline Highlight: Mark (Config)
// Layer: ss.appearance
// ============================================================================

$ss-mark-config: (
    color: var(--ss-color-surface-primary),
    background: var(--ss-color-accent-highlight),
    padding-inline: var(--ss-space-2xs),
    border-radius: var(--ss-radius-sm),
) !default;

// @use "sass:map";

// // ============================================================================
// // Configuration
// // ============================================================================

// $ss-character-mark-config: (
//     background-color: var(--ss-color-highlight),
//     color: var(--ss-color-highlight-foreground),
//     padding-inline: var(--ss-space-1),
//     padding-block: 0,
//     border-radius: var(--ss-radius-xs),
// ) !default;

// // ============================================================================
// // Mark Variants
// // ============================================================================

// $ss-character-mark-variants: (
//     success: (
//         background-color: var(--ss-color-success-bg),
//         color: var(--ss-color-success-foreground),
//     ),
//     warning: (
//         background-color: var(--ss-color-warning-bg),
//         color: var(--ss-color-warning-foreground),
//     ),
//     error: (
//         background-color: var(--ss-color-error-bg),
//         color: var(--ss-color-error-foreground),
//     ),
//     info: (
//         background-color: var(--ss-color-info-bg),
//         color: var(--ss-color-info-foreground),
//     ),
//     accent: (
//         background-color: var(--ss-color-accent-bg),
//         color: var(--ss-color-accent-foreground),
//     ),
//     gradient: (
//         background: linear-gradient(
//                 to bottom,
//                 transparent 60%,
//                 var(--ss-color-highlight) 60%
//             ),
//         color: inherit,
//     ),
// ) !default;