/* ================================================================
   GLOBAL TYPOGRAPHY LOCK
   Enforces a premium, consistent visual language site-wide.
   ================================================================ */

:root {
    --ve-font-black: 900 !important;
    --ve-font-bold: 700 !important;
}

/* ── Base Headings ───────────────────────────────────────────── */
h1,
.ve-h1 {
    font-size: 2.25rem !important;
    /* text-4xl */
    font-weight: 900 !important;
    line-height: 1.1 !important;
    letter-spacing: -0.05em !important;
    text-transform: uppercase !important;
}

@media (min-width: 768px) {

    h1,
    .ve-h1 {
        font-size: 3.5rem !important;
        /* text-6xl-ish */
    }
}

h2,
.ve-h2 {
    font-size: 1.5rem !important;
    /* text-2xl */
    font-weight: 900 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.025em !important;
    text-transform: uppercase !important;
}

@media (min-width: 768px) {

    h2,
    .ve-h2 {
        font-size: 2.25rem !important;
        /* text-4xl */
    }
}

h3,
.ve-h3 {
    font-size: 1.25rem !important;
    /* text-xl */
    font-weight: 900 !important;
    line-height: 1.3 !important;
    letter-spacing: -0.015em !important;
}

/* ── Cards & UI Elements ─────────────────────────────────────── */
.ve-card-title {
    font-size: 1.125rem !important;
    /* 18px */
    font-weight: 900 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.02em !important;
}

@media (min-width: 1024px) {
    .ve-card-title {
        font-size: 1.375rem !important;
        /* 22px */
    }
}

.ve-card-title-lg {
    font-size: 1.25rem !important;
    /* 20px */
    font-weight: 900 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.025em !important;
}

@media (min-width: 1024px) {
    .ve-card-title-lg {
        font-size: 1.75rem !important;
        /* 28px */
    }
}

/* ── Prose & Post Content ────────────────────────────────────── */
.prose h1,
.prose h2,
.prose h3 {
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.025em !important;
}

.prose {
    font-size: 1.0625rem !important;
    /* 17px */
    color: var(--tw-prose-body);
}

.prose p {
    line-height: 1.8 !important;
    margin-bottom: 1.5rem !important;
}

.prose h1,
.prose h2,
.prose h3 {
    margin-top: 2.5rem !important;
    margin-bottom: 1.25rem !important;
}

/* ── Utilities ───────────────────────────────────────────────── */
.font-black {
    font-weight: 900 !important;
}

.uppercase {
    text-transform: uppercase !important;
}

.tracking-tighter {
    letter-spacing: -0.05em !important;
}