/**
 * Global typography: Poppins across the app (all roles).
 * Headings/subheadings: bold + slightly larger; body/labels/inputs: regular weight.
 * Load after theme CSS (app.min.css, modern.min.css, custom).
 */

:root {
    --platform-font-sans: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;
    --platform-ink: #2b1f1a;
    --vz-font-sans-serif: var(--platform-font-sans);
    --vz-body-font-family: var(--platform-font-sans);
}

html {
    font-family: var(--platform-font-sans);
}

body {
    font-family: var(--platform-font-sans);
    font-weight: 400;
}

/* Headings: Poppins bold, modestly larger than typical defaults */
h1,
.h1 {
    font-family: var(--platform-font-sans);
    font-weight: 700;
    font-size: 2.25rem;
    letter-spacing: -0.02em;
    color: var(--platform-ink);
}

h2,
.h2 {
    font-family: var(--platform-font-sans);
    font-weight: 700;
    font-size: 1.875rem;
    letter-spacing: -0.02em;
    color: var(--platform-ink);
}

h3,
.h3 {
    font-family: var(--platform-font-sans);
    font-weight: 700;
    font-size: 1.5rem;
    letter-spacing: -0.015em;
    color: var(--platform-ink);
}

h4,
.h4 {
    font-family: var(--platform-font-sans);
    font-weight: 700;
    font-size: 1.3125rem;
    letter-spacing: -0.01em;
    color: var(--platform-ink);
}

h5,
.h5 {
    font-family: var(--platform-font-sans);
    font-weight: 700;
    font-size: 1.125rem;
    color: var(--platform-ink);
}

h6,
.h6 {
    font-family: var(--platform-font-sans);
    font-weight: 700;
    font-size: 1rem;
    color: var(--platform-ink);
}

@media (min-width: 768px) {

    h1,
    .h1 {
        font-size: 2.5rem;
    }

    h2,
    .h2 {
        font-size: 2.125rem;
    }

    h3,
    .h3 {
        font-size: 1.625rem;
    }
}

/* Subheadings: card titles, modal titles */
.card-title,
.modal-title,
.offcanvas-title {
    font-family: var(--platform-font-sans);
    font-weight: 700;
    font-size: 1.125rem;
    color: var(--platform-ink);
}

/* Page title strip (Velzon uses h4 here) */
.page-title-box h4 {
    font-family: var(--platform-font-sans) !important;
    font-weight: 700 !important;
    font-size: 1.0625rem !important;
    color: var(--platform-ink) !important;
}

/* Body copy & UI text: regular Poppins */
p,
.card-text,
.table,
.list-group-item,
.dropdown-item,
.nav-link,
.breadcrumb,
small,
.small,
.text-muted,
.alert,
.toast-body,
.offcanvas-body {
    font-family: var(--platform-font-sans);
    font-weight: 400;
}

label,
.form-label {
    font-family: var(--platform-font-sans);
    font-weight: 400;
}

.form-control,
.form-select,
input:not([type="checkbox"]):not([type="radio"]),
textarea,
select {
    font-family: var(--platform-font-sans);
    font-weight: 400;
}

/* Buttons stay readable; not display-bold */
.btn {
    font-family: var(--platform-font-sans);
    font-weight: 500;
}

/* Auth / minimal layouts */
.auth-page-wrapper,
.auth-page-content {
    font-family: var(--platform-font-sans);
    font-weight: 400;
}