@use "sass:map";

// -----------------------------------------------------------------------------
// Base
// -----------------------------------------------------------------------------

$ss-subheader-base: (
    color: var(--ss-color-text),
    font-family: var(--ss-font-family-display),
    font-weight: var(--ss-font-weight-regular),
    line-height: var(--ss-leading-heading),
    padding-top: var(--primitive-space-16),
    padding-bottom: var(--primitive-space-08),
) !default;

// -----------------------------------------------------------------------------
// Sizes
// -----------------------------------------------------------------------------

$ss-subheader-sizes: (
    h2: (
        font-size: var(--ss-font-size-2xl),
        line-height: var(--ss-leading-heading),
    ),
    h3: (
        font-size: var(--ss-font-size-xl),
        line-height: var(--ss-leading-heading),
    ),
    h4: (
        font-size: var(--ss-font-size-lg),
        line-height: var(--ss-leading-heading),
    ),
    h5: (
        font-size: var(--ss-font-size-base),
        line-height: var(--ss-leading-heading),
    ),
    h6: (
        font-size: var(--ss-font-size-sm),
        line-height: var(--ss-leading-heading),
    ),
) !default;

// -----------------------------------------------------------------------------
// Weights
// -----------------------------------------------------------------------------

$ss-subheader-weights: (
    regular: 400,
    bold: 700,
) !default;

// -----------------------------------------------------------------------------
// Alignment
// -----------------------------------------------------------------------------

$ss-subheader-alignments: (
    left: left,
    center: center,
) !default;