/* ============================================================
   Ascential Buildings — Brand Typography
   - Headings:    Helvena Black (weight 900)
   - Subheadings: Helvena Regular (weight 400)
   - Body:        Monoglyphic
   - Fallback:    Helvetica
   ============================================================ */

/* ---------- Helvena (variable font — covers Extralight through Black) ---------- */
@font-face {
    font-family: 'Helvena';
    src: url('/fonts/Helvena%20Font%20File/Variable%20Font/Helvena%20Variable.woff2') format('woff2-variations'),
         url('/fonts/Helvena%20Font%20File/Variable%20Font/Helvena%20Variable.woff2') format('woff2'),
         url('/fonts/Helvena%20Font%20File/Variable%20Font/Helvena%20Variable.woff') format('woff');
    font-weight: 200 900;
    font-style: normal;
    font-display: swap;
}

/* ---------- Monoglyphic (body — variable font, weights 100–900) ---------- */
@font-face {
    font-family: 'Monoglyphic';
    src: url('/fonts/monoglyphic-clean-monospace-typeface-2026-04-07-06-18-48-utc/Variable-TT/Monoglyphic-VF.ttf') format('truetype-variations'),
         url('/fonts/monoglyphic-clean-monospace-typeface-2026-04-07-06-18-48-utc/Variable-TT/Monoglyphic-VF.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

/* ---------- Brand font stacks (reusable CSS variables) ---------- */
:root {
    --ab-font-heading:    'Helvena', Helvetica, Arial, sans-serif;
    --ab-font-subheading: 'Helvena', Helvetica, Arial, sans-serif;
    --ab-font-body:       'Monoglyphic', Helvetica, Arial, sans-serif;
}

/* ---------- Global application ---------- */
html,
body {
    font-family: var(--ab-font-body);
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.display-1, .display-2, .display-3, .display-4, .display-5, .display-6 {
    font-family: var(--ab-font-heading);
    font-weight: 900; /* Helvena Black */
}

/* Anything we treat as a subheading: Bootstrap `.lead`, custom `.subheading`,
   `.eyebrow`, kicker text, and small uppercase labels. */
.subheading,
.eyebrow,
.kicker,
.lead,
.hero-eyebrow,
blockquote {
    font-family: var(--ab-font-subheading);
    font-weight: 400; /* Helvena Regular */
}

/* Buttons keep the body font so calls-to-action stay readable.
   Override here if you want CTAs in headings/subheadings. */
.btn,
button,
input,
select,
textarea {
    font-family: inherit;
}