@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700&display=swap');

@font-face {
    font-family: 'FKScreamer';
    src: url('../fonts/fk-screamer/FKScreamerTrial-Bold-BF6571330a76e9b.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PPEditorialNew';
    src: url('../fonts/PPEditorialNew/PPEditorialNew-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

body {
    margin: 0;
    font-family: 'PPEditorialNew', sans-serif;
    background-color: #FFFFFF;
    color: #0F0F0F;
}

a {
    text-decoration: none;
    color: inherit;
}

/* Force Rubik only for navigation, footer, and all links */
nav, nav * {
    font-family: 'Rubik', sans-serif !important;
}

footer, footer * {
    font-family: 'Rubik', sans-serif !important;
}

a, a * {
    font-family: 'Rubik', sans-serif !important;
}

/* Explicit brand text sizing overrides nav cascade */
.brand-text {
    font-family: 'Rubik', sans-serif !important;
    font-weight: 700 !important;
    font-size: 7px !important;
    letter-spacing: 0.18em !important; /* tighter base; will adjust on sm */
}
@media (min-width: 640px) {
    .brand-text {
        font-size: 11px !important;
        letter-spacing: 0.35em !important; /* expand to visually align with logo width */
    }
}

/* Make Rubik slightly smaller with tighter letter-spacing */
nav, nav * {
    font-size: 0.75em !important;
    letter-spacing: 0.12em !important;
}

footer, footer * {
    font-size: 0.9em !important;
    letter-spacing: 0.12em !important;
}

a, a * {
    font-size: 0.9em !important;
    letter-spacing: 0.12em !important;
}