////
///
/// Paragraph Heading Configuration
/// ===========================================================================
///
/// Configuration variables for heading paragraph styles.
///
/// @group Typography.Paragraph.Heading
/// @author Scape Press
/// @link https://scape.style
/// @since 0.1.0 initial release
/// @access public
///
////

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

// -----------------------------------------------------------------------------
// Heading Configuration
// -----------------------------------------------------------------------------

$ss-paragraph-heading-config: (
    // No --ss-font-family-heading token exists yet; inherit the body face.
    font-family: inherit,
    font-weight: var(--ss-font-weight-bold, 700),
    color: var(--ss-color-text-primary, var(--ss-color-text, #1a1a1a)),
    margin-block: q(24) q(16),
    line-height: 1.2,

    levels: (
        1: (
            size: var(--ss-font-size-5xl, #{q(48)}),
        ),
        2: (
            size: var(--ss-font-size-4xl, #{q(36)}),
        ),
        3: (
            size: var(--ss-font-size-3xl, #{q(30)}),
        ),
        4: (
            size: var(--ss-font-size-2xl, #{q(24)}),
        ),
        5: (
            size: var(--ss-font-size-xl, #{q(20)}),
        ),
        6: (
            size: var(--ss-font-size-lg, #{q(18)}),
        ),
    )
) !default;

// @use "sass:map";

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

// $ss-paragraph-heading-config: (
//     font-weight: var(--ss-font-weight-bold),
//     line-height: var(--ss-leading-heading),
//     letter-spacing: var(--ss-tracking-tight),
//     color: var(--ss-color-foreground),
//     margin-block-start: var(--ss-vspace-lg),
//     margin-block-end: var(--ss-vspace-sm),
// ) !default;

// // ============================================================================
// // Level Variants
// // ============================================================================

// $ss-paragraph-heading-levels: (
//     h1: (
//         font-size: var(--ss-font-size-5xl),
//         font-weight: var(--ss-font-weight-bold),
//         letter-spacing: var(--ss-tracking-tight),
//     ),
//     h2: (
//         font-size: var(--ss-font-size-4xl),
//         font-weight: var(--ss-font-weight-bold),
//         letter-spacing: var(--ss-tracking-tight),
//     ),
//     h3: (
//         font-size: var(--ss-font-size-3xl),
//         font-weight: var(--ss-font-weight-semibold),
//         letter-spacing: var(--ss-tracking-normal),
//     ),
//     h4: (
//         font-size: var(--ss-font-size-2xl),
//         font-weight: var(--ss-font-weight-semibold),
//         letter-spacing: var(--ss-tracking-normal),
//     ),
//     h5: (
//         font-size: var(--ss-font-size-xl),
//         font-weight: var(--ss-font-weight-medium),
//         letter-spacing: var(--ss-tracking-normal),
//     ),
//     h6: (
//         font-size: var(--ss-font-size-lg),
//         font-weight: var(--ss-font-weight-medium),
//         letter-spacing: var(--ss-tracking-normal),
//     ),
// ) !default;