/* Scoped Typography Styles for Navbar */

/* This file contains styles from typography.css but prefixes them
   with #navbar to ensure they only apply within the main navigation
   and override any conflicting styles. */

#navbar h1 {
    font-weight: 400;
    font-size: 2.5rem;
    line-height: 1.25;
    letter-spacing: 0px;
}

#navbar h2 {
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 1.25;
    letter-spacing: 0px;
}

#navbar h3 {
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.5;
    letter-spacing: 0px;
}

#navbar h4 {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0px;
}

#navbar h5 {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0px;
}

#navbar .title-1 {
    font-weight: 400;
    font-size: 2.5rem;
    line-height: 1;
    letter-spacing: 0px;
}

#navbar .subtitle-1 {
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.25;
    letter-spacing: 0px;
}

#navbar .body1 {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.5;
    letter-spacing: 0em;
    color: #000;
    /* Added this line */
}

#navbar .body2 {
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 1.5;
    letter-spacing: -0.02em;
}