/* =============================================
   TYPOGRAPHY
   All text styling for headings, body copy, links and text helpers.
   Includes: h1-h4, p, a, strong, eyebrows, labels, copyright.
   If it controls how text looks (not where it sits), it belongs here.
   ============================================= */
   
/* Headings */
h1, h2, h3, h4 { font-family: var(--head); }
h1 { font-size: 3.4rem; line-height: 1.5em; font-weight: 500; }
h2 { font-size: 2.4rem; }
h3 { font-size: 2.1rem; line-height: 1.35em; margin-bottom: 5px; }
h4 { font-size: 1.8rem; }

/* Body text */
p, a, strong, em { font-family: var(--body); margin-top:5px; }
p { line-height: 1.35em; font-size: 1.4rem; }
strong { font-weight: 600; }

/* Links */
a { color: var(--purp500); text-decoration: none; }
a:hover { color: var(--neut400); }

/* UI text helpers */
.instruction-p { font-size: 18px; margin-bottom: 40px; }
.eyebrow { font-size: 1.4rem; color: var(--neut200); margin: 60px 0 5px 0; font-family: var(--body); letter-spacing: 0.045em; text-transform: uppercase; }
.page-title { color: var(--neut300); font-weight: 400; }
.uk-text-muted { color: var(--neut300)!important; font-size: 1.4rem; }
.uk-text-meta { color: var(--neut300)!important; font-size: 1.2rem; margin-bottom: 0; }
.uk-form-label { color: var(--neut400)!important; font-size: 1.2rem; font-weight: 600; }
.uk-form-controls input { margin-bottom: 5px; }
.uk-text-bold { font-weight: 600;}

/* Footer text */
.version { border-top: 1px solid var(--neut100); padding-top: 10px; }
.version, .copyright { color: var(--neut200, #B0A8B2); font-family: var(--body); font-size: 11px; font-weight: 300; line-height: normal; letter-spacing: 0.11px; margin: 10px 0; }