/* DN2 Typography — mirrored from resources/scss/classes/_typography.scss */

.public-headline-title  { font-size: 5.0rem; font-weight: 100; color: var(--brownA); line-height: 1.1; }
.big-title              { font-size: 5.6rem; font-weight: 300; color: var(--blue2); line-height: 1.1; }
.big-title-supporter    { font-size: 5.6rem; font-weight: 300; color: var(--gold);  line-height: 1.1; }
.marketing-title        { font-size: 2.8rem; font-weight: 300; color: var(--brownA); }
.settings-name-title    { font-size: 3.2rem; font-weight: 300; color: #000; }
.featured-dudes-title   { font-size: 2.5rem; font-weight: 300; color: var(--blue2); text-transform: uppercase; letter-spacing: 0.02em; }
.featured-dudes-title strong { font-weight: 700; }
.account-settings-title { font-size: 2.4rem; font-weight: 400; color: var(--grey7); text-transform: uppercase; letter-spacing: 0.04em; }
.onboarding-title       { font-size: 2.4rem; font-weight: 400; color: var(--blue2); }
.h1-footer-text         { font-size: 2.0rem; font-weight: 400; color: var(--grey7); }
.supporter-table-title  { font-size: 1.8rem; font-weight: 600; color: var(--grey3); }
.large-text             { font-size: 1.6rem; font-weight: 400; color: #000; line-height: 1.5; }
.settings-subtitle      { font-size: 1.4rem; font-weight: 700; color: var(--blue2); text-transform: uppercase; letter-spacing: 0.04em; }
.bold-label-text        { font-size: 1.4rem; font-weight: 700; color: var(--blue2); }
.label-text             { font-size: 1.3rem; font-weight: 400; color: var(--blue2); }
.description-text       { font-size: 1.3rem; font-weight: 400; color: #000; line-height: 1.5; }
.details-text           { font-size: 1.3rem; font-weight: 500; color: var(--grey7); }
.copyright-text         { font-size: 1.2rem; font-weight: 400; color: var(--brown3); }
.user-info              { font-size: 1.1rem; font-weight: 400; color: var(--grey3); }
.user-info.featured     { font-size: 1.3rem; }
.user-distance          { font-size: 1.1rem; font-weight: 600; color: var(--blue2); }
.tiny-info              { font-size: 1.05rem; font-weight: 400; color: var(--grey7); letter-spacing: 0.03em; }
.field-error-message    { font-size: 1.1rem; font-weight: 300; color: var(--red); }

p { font-size: 1.3rem; font-weight: 400; color: #000; line-height: 1.5; margin: 0; }