/**
 * Tamanhos Ideais para Cada Fonte
 * Baseado em melhores práticas de tipografia
 */

/* ===================================
   ROBOTO - Moderna e Limpa
   =================================== */
[data-mpd-font="roboto"] {
    /* Hero */
    --mpd-hero-title-size: clamp(2.5rem, 6vw, 4rem);
    
    /* Headings */
    --mpd-h1-size: 3rem;
    --mpd-h2-size: 2.25rem;
    --mpd-h3-size: 1.75rem;
    --mpd-h4-size: 1.5rem;
    --mpd-h5-size: 1.25rem;
    --mpd-h6-size: 1.125rem;
    
    /* Texto */
    --mpd-body-size: 1.125rem;
    --mpd-small-size: 0.95rem;
    --mpd-tiny-size: 0.875rem;
    
    /* Line Heights */
    --mpd-heading-line-height: 1.3;
    --mpd-body-line-height: 1.7;
}

/* ===================================
   OPEN SANS - Popular e Versátil
   =================================== */
[data-mpd-font="open-sans"] {
    /* Hero */
    --mpd-hero-title-size: clamp(2.25rem, 5.5vw, 3.75rem);
    
    /* Headings */
    --mpd-h1-size: 2.875rem;
    --mpd-h2-size: 2.125rem;
    --mpd-h3-size: 1.625rem;
    --mpd-h4-size: 1.375rem;
    --mpd-h5-size: 1.125rem;
    --mpd-h6-size: 1rem;
    
    /* Texto */
    --mpd-body-size: 1.0625rem;
    --mpd-small-size: 0.9375rem;
    --mpd-tiny-size: 0.8125rem;
    
    /* Line Heights */
    --mpd-heading-line-height: 1.35;
    --mpd-body-line-height: 1.75;
}

/* ===================================
   MONTSERRAT - Elegante
   =================================== */
[data-mpd-font="montserrat"] {
    /* Hero */
    --mpd-hero-title-size: clamp(2.75rem, 6.5vw, 4.25rem);
    
    /* Headings */
    --mpd-h1-size: 3.25rem;
    --mpd-h2-size: 2.5rem;
    --mpd-h3-size: 1.875rem;
    --mpd-h4-size: 1.5rem;
    --mpd-h5-size: 1.25rem;
    --mpd-h6-size: 1.125rem;
    
    /* Texto */
    --mpd-body-size: 1.0625rem;
    --mpd-small-size: 0.9375rem;
    --mpd-tiny-size: 0.8125rem;
    
    /* Line Heights */
    --mpd-heading-line-height: 1.25;
    --mpd-body-line-height: 1.8;
}

/* ===================================
   LATO - Clean e Profissional
   =================================== */
[data-mpd-font="lato"] {
    /* Hero */
    --mpd-hero-title-size: clamp(2.5rem, 6vw, 4rem);
    
    /* Headings */
    --mpd-h1-size: 3rem;
    --mpd-h2-size: 2.25rem;
    --mpd-h3-size: 1.75rem;
    --mpd-h4-size: 1.5rem;
    --mpd-h5-size: 1.25rem;
    --mpd-h6-size: 1.125rem;
    
    /* Texto */
    --mpd-body-size: 1.125rem;
    --mpd-small-size: 1rem;
    --mpd-tiny-size: 0.875rem;
    
    /* Line Heights */
    --mpd-heading-line-height: 1.3;
    --mpd-body-line-height: 1.7;
}

/* ===================================
   POPPINS - Moderna e Geométrica
   =================================== */
[data-mpd-font="poppins"] {
    /* Hero */
    --mpd-hero-title-size: clamp(2.5rem, 6vw, 4rem);
    
    /* Headings */
    --mpd-h1-size: 3.125rem;
    --mpd-h2-size: 2.375rem;
    --mpd-h3-size: 1.875rem;
    --mpd-h4-size: 1.5rem;
    --mpd-h5-size: 1.25rem;
    --mpd-h6-size: 1.125rem;
    
    /* Texto */
    --mpd-body-size: 1.0625rem;
    --mpd-small-size: 0.9375rem;
    --mpd-tiny-size: 0.8125rem;
    
    /* Line Heights */
    --mpd-heading-line-height: 1.35;
    --mpd-body-line-height: 1.75;
}

/* ===================================
   APLICAÇÃO DOS TAMANHOS
   =================================== */

/* Hero */
.mpd-title {
    font-size: var(--mpd-hero-title-size) !important;
    line-height: var(--mpd-heading-line-height) !important;
}

/* Headings no Conteúdo */
.mpd-content h1,
.mpd-featured-post-title {
    font-size: var(--mpd-h1-size) !important;
    line-height: var(--mpd-heading-line-height) !important;
}

.mpd-content h2,
.mpd-section-title {
    font-size: var(--mpd-h2-size) !important;
    line-height: var(--mpd-heading-line-height) !important;
}

.mpd-content h3,
.mpd-post-card-title {
    font-size: var(--mpd-h3-size) !important;
    line-height: var(--mpd-heading-line-height) !important;
}

.mpd-content h4 {
    font-size: var(--mpd-h4-size) !important;
    line-height: var(--mpd-heading-line-height) !important;
}

.mpd-content h5 {
    font-size: var(--mpd-h5-size) !important;
    line-height: var(--mpd-heading-line-height) !important;
}

.mpd-content h6 {
    font-size: var(--mpd-h6-size) !important;
    line-height: var(--mpd-heading-line-height) !important;
}

/* Texto do Corpo */
.mpd-content p,
.mpd-content li,
.mpd-post-card-excerpt,
.mpd-featured-post-excerpt {
    font-size: var(--mpd-body-size) !important;
    line-height: var(--mpd-body-line-height) !important;
}

/* Texto Pequeno */
.mpd-meta,
.mpd-breadcrumbs,
.mpd-post-card-meta {
    font-size: var(--mpd-small-size) !important;
}

/* Texto Muito Pequeno */
.mpd-tags,
.mpd-tag {
    font-size: var(--mpd-tiny-size) !important;
}

/* ===================================
   RESPONSIVIDADE
   =================================== */

@media (max-width: 768px) {
    [data-mpd-font] {
        --mpd-hero-title-size: 2rem;
        --mpd-h1-size: 2rem;
        --mpd-h2-size: 1.75rem;
        --mpd-h3-size: 1.5rem;
        --mpd-h4-size: 1.25rem;
        --mpd-h5-size: 1.125rem;
        --mpd-h6-size: 1rem;
        --mpd-body-size: 1rem;
        --mpd-small-size: 0.875rem;
        --mpd-tiny-size: 0.8125rem;
    }
}

@media (max-width: 480px) {
    [data-mpd-font] {
        --mpd-hero-title-size: 1.75rem;
        --mpd-h1-size: 1.75rem;
        --mpd-h2-size: 1.5rem;
        --mpd-h3-size: 1.25rem;
        --mpd-body-size: 0.9375rem;
    }
}