// ==========================================================================
// PressZone Theme - Typography
// ==========================================================================
// Headings, paragraphs, and text styling
// Uses Sass variables with body.dark-mode & nesting pattern.
// ==========================================================================

// --------------------------------------------------------------------------
// Headings
// --------------------------------------------------------------------------
h1,
h2,
h3,
h4,
h5,
h6 {
    @include heading-style;
    margin-top: 0;
    margin-bottom: 0.5em;
    color: $light-text-primary;

    body.dark-mode & {
        color: $dark-text-primary;
    }
}

h1 {
    font-size: 2.5rem;
}

h2 {
    font-size: 2rem;
}

h3 {
    font-size: 1.75rem;
}

h4 {
    font-size: 1.5rem;
}

h5 {
    font-size: 1.25rem;
}

h6 {
    font-size: 1rem;
}

// --------------------------------------------------------------------------
// Paragraphs
// --------------------------------------------------------------------------
p {
    margin-top: 0;
    margin-bottom: 1rem;
}

// --------------------------------------------------------------------------
// Text Utilities
// --------------------------------------------------------------------------
.text-gradient {
    @include gradient-text(linear-gradient(135deg, $color-primary, $color-secondary));
}

.text-muted {
    color: $light-text-muted;

    body.dark-mode & {
        color: $dark-text-muted;
    }
}

.text-secondary {
    color: $light-text-secondary;

    body.dark-mode & {
        color: $dark-text-secondary;
    }
}

// --------------------------------------------------------------------------
// Links
// --------------------------------------------------------------------------
.link-primary {
    color: $color-primary;

    &:hover {
        color: $color-primary-hover;
    }
}