/* ============================================================
   UB Font System — Shared Typography Utilities
   Import this file on every landing / marketing page.
   ============================================================ */

/* --- Sora Font Import --- */
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&display=swap');

/* --- Apply Sora to all headings --- */
h1, h2, h3, h4, h5, h6,
.ub-h1, .ub-h2, .ub-h3, .ub-h4, .ub-h5, .ub-h6 {
    font-family: 'Sora', ui-sans-serif, system-ui, sans-serif;
    line-height: 1.15;
    letter-spacing: -0.02em;
}

/* ============================================================
   Heading Utility Classes
   ============================================================ */

.ub-h1 {
    font-size: clamp(2.4rem, 4.5vw, 4rem); /* 38px → 64px */
    line-height: 1.08;
    letter-spacing: -0.03em;
}

.ub-h2 {
    font-size: clamp(1.75rem, 3vw, 2.625rem); /* 28px → 42px */
    line-height: 1.15;
    letter-spacing: -0.025em;
}

.ub-h3 {
    font-size: clamp(1.25rem, 2.2vw, 1.75rem); /* 20px → 28px */
    line-height: 1.2;
    letter-spacing: -0.02em;
}

.ub-h4 {
    font-size: clamp(1.0625rem, 1.5vw, 1.1875rem); /* 17px → 19px */
    line-height: 1.3;
    letter-spacing: -0.015em;
}

.ub-h5 {
    font-size: clamp(0.9375rem, 1.2vw, 1.0625rem); /* 15px → 17px */
    line-height: 1.35;
    letter-spacing: -0.01em;
}

.ub-h6 {
    font-size: 0.9375rem; /* 15px */
    line-height: 1.4;
    letter-spacing: -0.005em;
}

/* ============================================================
   Body / Text Utility Classes
   ============================================================ */

.ub-body {
    font-size: 1.0625rem; /* 17px — slightly above default 16px */
    line-height: 1.7;
}

.ub-small {
    font-size: 0.9375rem; /* 15px — slightly above 14px */
    line-height: 1.6;
}

.ub-xsmall {
    font-size: 0.8125rem; /* 13px — slightly above 12px */
    line-height: 1.5;
}

/* ============================================================
   Font Weight Utilities
   ============================================================ */

.ub-font-medium   { font-weight: 500; }
.ub-font-semibold { font-weight: 600; }
.ub-font-bold     { font-weight: 700; }
.ub-font-extrabold { font-weight: 800; }