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

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

$ss-character-hyperlink-config: (
    color: var(--ss-color-state-link),
    color-hover: var(--ss-color-state-hover),
    color-active: var(--ss-color-state-active),
    text-decoration: none,
    cursor: pointer,
) !default;

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

// $ss-character-link-config: (
//     color: var(--ss-color-link),
//     color-hover: var(--ss-color-link-hover),
//     color-active: var(--ss-color-link-active),
//     color-visited: var(--ss-color-link-visited),
//     text-decoration: underline,
//     text-decoration-hover: none,
//     text-underline-offset: 0.2em,
//     text-decoration-thickness: q(1),
//     transition: color var(--ss-transition-fast),
//     outline-offset: var(--ss-focus-ring-offset),
//     outline-width: var(--ss-focus-ring-width),
// ) !default;

// // ============================================================================
// // Link Variants
// // ============================================================================

// $ss-character-link-variants: (
//     subtle: (
//         color: inherit,
//         text-decoration: none,
//         text-decoration-hover: underline,
//     ),
//     muted: (
//         color: var(--ss-color-muted-foreground),
//         color-hover: var(--ss-color-foreground),
//         text-decoration: none,
//     ),
//     external: (
//         color: var(--ss-color-link),
//         text-decoration: underline,
//         text-decoration-style: dashed,
//     ),
//     nav: (
//         color: var(--ss-color-foreground),
//         text-decoration: none,
//         color-hover: var(--ss-color-link),
//     ),
//     inline: (
//         color: var(--ss-color-link),
//         text-decoration: underline,
//         text-decoration-style: solid,
//     ),
// ) !default;