////
///
/// Character Code Configuration
/// ===========================================================================
///
/// Configuration for inline code character styles.
///
/// @group Typography.Character.Semantics.Code
/// @author Scape Press
/// @link https://scape.style
/// @since 0.1.0 initial release
/// @access public
///
////

@use "sass:map";
@use "../../../../01-core/external" as *;

////
/// Character Semantic — Code
/// Configuration
/// @layer ss.typography
////

$ss-character-code-config: (
    font-family: var(--font-family-mono),
    font-size: 0.875em,
    font-weight: 400,
    color: var(--color_text_primary),
    background-color: var(--color_fill_secondary),
    padding-inline: q(2),
    padding-block: q(1),
    border-radius: q(2),
) !default;

// -----------------------------------------------------------------------------
// Line Numbers Configuration
// -----------------------------------------------------------------------------

$ss-character-code-line-numbers-config: (
    padding-inline-start: 3.5em,
    width: 3em,
    color: #999,
    background: #eee,
    border-color: #ddd,
    text-align: right,
    border-width: q(1),
    line-height: 1.6,
) !default;

// @use "sass:map";

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

// $ss-character-code-config: (
//     font-family: var(--ss-font-family-mono),
//     font-size: 0.875em,
//     font-weight: var(--ss-font-weight-normal),
//     line-height: var(--ss-leading-normal),
//     color: var(--ss-color-code-foreground),
//     background-color: var(--ss-color-code-bg),
//     padding-inline: var(--ss-space-2),
//     padding-block: var(--ss-space-1),
//     border-radius: var(--ss-radius-sm),
//     border: none,
// ) !default;

// // ============================================================================
// // Code Variants
// // ============================================================================

// $ss-character-code-variants: (
//     kbd: (
//         font-family: var(--ss-font-family-mono),
//         font-size: 0.875em,
//         background-color: var(--ss-color-kbd-bg),
//         border: var(--ss-a-border-width-sm) solid var(--ss-color-border),
//         border-radius: var(--ss-radius-sm),
//         padding-inline: var(--ss-space-2),
//         padding-block: var(--ss-space-1),
//         box-shadow: inset 0 q(-1) 0 var(--ss-color-border),
//     ),
//     samp: (
//         font-family: var(--ss-font-family-mono),
//         font-size: 0.875em,
//         color: var(--ss-color-muted-foreground),
//     ),
//     var: (
//         font-family: var(--ss-font-family-mono),
//         font-style: italic,
//         color: var(--ss-color-accent),
//     ),
//     output: (
//         font-family: var(--ss-font-family-mono),
//         font-size: 0.875em,
//         color: var(--ss-color-success),
//     ),
// ) !default;