@font-face {
    font-family: 'Open Sans Light';
    src: url('../fonts/OpenSans-Light.ttf') format('truetype');
    font-weight: 300; /* Light */
    font-display: swap;
}

.font-open-sans-light {
    font-family: 'Open Sans Light', Arial, sans-serif;
    font-weight: 300; /* Light */
}

@font-face {
    font-family: 'Open Sans Bold';
    src: url('../fonts/OpenSans-Bold.ttf') format('truetype');
    font-weight: 600;
    font-display: swap;
}

.font-open-sans-bold {
    font-family: 'Open Sans Bold', Arial, sans-serif;
    font-weight: 600;
}

@font-face {
    font-family: 'Open Sans Medium';
    src: url('../fonts/OpenSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-display: swap;
}

.font-open-sans-medium {
    font-family: 'Open Sans Medium', Arial, sans-serif;
    font-weight: 500;
}

@font-face {
    font-family: 'Cherry Bomb One';
    src: url('../fonts/CherryBombOne-Regular.ttf') format('truetype');
    font-display: swap;
}

.font-cherry-bomb-one {
    font-family: 'Cherry Bomb One', Arial, sans-serif;
    letter-spacing: 0.11em; /* 110 tracking as per design guide */
}