/* Typography Updates for ROXODY
 * Implements proper font usage across the site:
 * - Lora for headings
 * - Cremona Sans for loud headings
 * - Manrope for body text
 */

/* ==================================================================
   FONT VARIABLES AND DEFAULTS
   ================================================================== */

   :root {
    --font-headlines: 'Cremona Sans', serif; /* For loud headlines */
    --font-headings: 'Lora', serif; /* For regular headings */
    --font-body: 'Manrope', sans-serif; /* For body text */
}

/* ==================================================================
   HEADING STYLES
   ================================================================== */

/* All headings use Lora by default */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-headings);
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.02em;
}

/* Loud headlines with Cremona Sans */
.brand-name,
.loud-headline,
.hero-headline,
.slider-title,
.results-title,
.results-subtitle,
.partnership-title,
.section-title {
    font-family: var(--font-headlines);
    font-weight: 400;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

/* ==================================================================
   BODY TEXT STYLES
   ================================================================== */

/* All regular text uses Manrope */
 p, 
.hero-tagline, 
.slider-subtitle,
.results-description,
.star,
.partnership-description,
.product-description {
    font-family: var(--font-body);
    font-weight: 300;
    opacity: 0.8;
}

/* Specific overrides for certain elements */
.slider-subtitle,
.hero-tagline {
    font-family: var(--font-body);
    font-weight: 300;
    letter-spacing: 0.05em;
    opacity: 0.8;
}

/* Button and nav text - slightly heavier */
.btn,
.link-text {
    font-weight: 500;
    letter-spacing: 0.02em;
    opacity: 1;
}

/* Information blocks */
.info-block h3 {
    font-family: var(--font-headings);
    font-weight: 600;
    margin-bottom: 25px;
}

.info-block p {
    font-family: var(--font-body);
    font-weight: 300;
    opacity: 0.5;
    line-height: 1.6;
}

/* Slide text */
.slide-text h3 {
    font-family: var(--font-headings);
    font-weight: 600;
    margin-bottom: 0px;
}

.slide-text p {
    font-family: var(--font-body);
    font-weight: 300;
    opacity: 0.8;
    line-height: 1.7;
}

/* Footer and marketplace text */


.marketplace-link,
.footer-links a,
.footer-copyright p {
    font-family: var(--font-body);
}

/* Side menu text */

.side-menu-contact h4 {
    font-family: var(--font-headings);
    font-weight: 500;
}

.side-menu-contact p {
    font-family: var(--font-body);
    font-weight: 300;
    opacity: 0.8;
}

/* Blog article previews */
.product-caption p {
    font-family: var(--font-headings);
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    opacity: 1;
}

.product-description {
    font-family: var(--font-body);
    font-weight: 300;
    font-size: 14px;
    opacity: 0.8;
    line-height: 1.5;
}

/* Read more buttons */
.read-more {
    font-family: var(--font-body);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 12px;
    opacity: 1;
}