@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;
}

/* Form typography to match nav/link Rubik but slightly larger */
.form-rubik, .form-rubik * {
    font-family: 'Rubik', sans-serif !important;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    font-size: 0.95em;
}

/* Inputs should be normal case (override uppercase inheritance) */
.form-rubik input,
.form-rubik select,
.form-rubik textarea {
    text-transform: none !important;
}

/* Placeholders should also be normal case */
.form-rubik input::placeholder,
.form-rubik textarea::placeholder {
    text-transform: none !important;
}

/* Reduce letter-spacing for input content and placeholders */
.form-rubik input,
.form-rubik select,
.form-rubik textarea {
    letter-spacing: 0.05em !important;
}
.form-rubik input::placeholder,
.form-rubik textarea::placeholder {
    letter-spacing: 0.05em !important;
}