/* Typography */
@font-face {
    font-family: 'RockStar';
    src: local('Rock Star Extra Bold'), local('Rock-Star-Extra-Bold'),
        url('../fonts/RockStar-ExtraBold/RockStar-ExtraBold.woff2') format('woff2'),
        url('../fonts/RockStar-ExtraBold/RockStar-ExtraBold.woff') format('woff'),
        url('../fonts/RockStar-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

/* SF Pro Display - INTENTIONALLY DISABLED
   Reason: Apple font licensing restrictions for web use
   Current Solution: Using Inter font (loaded via CDN in index.html)
   Inter provides excellent readability and is legally safe to use

@font-face {
    font-family: 'SF Pro Display';
    src: local('SF Pro Display'), local('SF-Pro-Display'),
        url('../fonts/SFProDisplay/SF-Pro-Display-Regular.otf') format('opentype'),
        url('../fonts/SFProDisplay/SFProDisplay-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
} */

body {
    font-family: var(--body-font-family);
    font-size: var(--font-size-b3);
    line-height: var(--body-line-height);
    color: var(--nadiyno-navy);
}

.block__subtitle {
    font-weight: normal;
}

.block__text {
    font-size: var(--font-size-b2);
    font-weight: normal;
}

.hero__title,
.section__title,
.block__title,
.callout__title,
.checklist__title,
.navbar,
.callout__highlight span,
h1, h2, h3, h4, h5, h6 {
    font-family: var(--heading-font-family);
    line-height: var(--heading-line-height);
    text-transform: uppercase;
}

h1 {
    font-size: var(--font-size-h1);
}

h2 {
    font-size: var(--font-size-h2);
}

h3 {
    font-size: var(--font-size-h3);
}

h4 {
    font-size: var(--font-size-h4);
}

h5 {
    font-size: var(--font-size-h5);
}

h6 {
    font-size: var(--font-size-h6);
}

.section__title {
    font-size: var(--font-size-h2);
}

.section__subtitle {
    font-family: var(--body-font-family);
    font-size: var(--font-size-h4);
    text-transform: none;
    font-weight: bold;
}