/**
 * Global Font Styles
 * Typography and font-related styles for The Payments Hub theme
 */

/* Base Font Settings */
html {
    font-size: 62.5%; /* 1rem = 10px */
}

body {
    font-family: "Nunito Sans", sans-serif;
    font-size: 1.8rem; /* 18px base */
    line-height: 1.8;
}

/* Typography */
h1 {
    font-size: 4.8rem; /* 48px */
    font-weight: 600;
    font-family: 'Nunito Sans', sans-serif;
    line-height: 130%;
}

@media (max-width: 768px) {
    h1 {
        font-size: 2.8rem;
    }
}

h2 {
    font-size: 3rem; /* 30px */
    font-weight: 200;
    font-family: 'Nunito Sans', sans-serif;
    line-height: 130%;
}

@media (max-width: 768px) {
    h2 {
        font-size: 2rem;
    }
}

h2.bolder{
    font-weight: 400;
}

h3 {
    font-size: 2.2rem; /* 22px */
    font-weight: 400;
    font-family: 'Nunito Sans', sans-serif;
    line-height: 130%;
    letter-spacing: 0.25%;
}

h3.lighter{
    font-weight: 300;
}

p {
    font-size: 1.8rem; /* 18px */
    font-weight: 200;
    font-family: 'Nunito Sans', sans-serif;
    line-height: 140%;
    letter-spacing: 0.25px;
}

p strong{
    font-weight: 600;
}

a {
    font-family: 'Nunito Sans', sans-serif;
}

/* Header Branding Fonts */
.site-branding__word {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 1.8rem;
    line-height: 1;
}

.site-branding__powered-by {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
}

.site-branding__jcb-text {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1;
}

/* Navigation Fonts */
.main-navigation a {
    font-family: "Nunito Sans", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: 0;
}

/* Responsive Font Adjustments */
@media (max-width: 768px) {
    .site-branding__word {
        font-size: 1.5rem;
    }
    
    .site-branding__powered-by {
        font-size: 1.2rem;
    }
}