////
///
/// Character Typography Tags Module
/// ===========================================================================
///
/// @group Character
/// @author Scape Agency
/// @link https://scape.style
/// @since 0.1.0 initial release
/// @todo None
/// @access public
///
////

// ============================================================================
// Use
// ============================================================================

@use "../dev" as *;
@use "../mixins" as *;
@use "../variables/" as *;

// ============================================================================
// Tags
// ============================================================================

/// Applying inline code styles to `<code>` and `<kbd>` elements.
/// Styles for inline code and keyboard input elements (`<code>`, `<kbd>`).
///
/// These styles ensure that inline code and keyboard inputs are clearly
/// distinct from regular text, using a monospace font and a background color
/// for emphasis.
code,
kbd,
samp {
    @include character--code;
}

/// Applying inline code styles to code within anchor tags.
/// Styles for code elements inside anchor tags (`<a><code></code></a>`).
///
/// Ensures that code elements within links inherit the correct color.
a > code,
a > kbd,
a > samp {
    color: $character_code_text_color; // White text color for code within links?
}

/// Base styling for `<sub>` and `<sup>` elements.
///
/// Ensures consistent font size, line height, and positioning for subscript
/// and superscript text.
sub,
sup {
    @include character--script_base;
}

/// Custom positioning for `<sub>` elements.
///
/// Applies subscript-specific positioning to align them correctly in the
/// document flow.
sub {
    @include character--script_sub;
}

/// Custom positioning for `<sup>` elements.
///
/// Applies superscript-specific positioning to align them correctly in the
/// document flow.
sup {
    @include character--script_super;
}

///
/// Applies small normal character styles to `<small>` elements.
///
small {
    @include character--small;
}