/**
 * Variables de tamaño de fuente - Implementación temporal
 * Este archivo contiene las variables CSS para tamaños de fuente según especificaciones
 * y debe ser incluido en el tema hasta que se compile el SCSS actualizado
 */

:root {
    /* Variables de tamaño de fuente */
    --mcFontSizeMainTitle: 28px;        /* Títulos principales, noticias principales, títulos de sección */
    --mcFontSizeSecondaryTitle: 22px;   /* Noticias secundarias, subtítulos */
    --mcFontSizeExcerpt: 18px;          /* Texto de descripción, extractos */
    --mcFontSizeDescription: 18px;     /* Descripciones destacadas */
    --mcFontSizeMeta: 16px;             /* Fechas, autores, datos (mínimo 16px) */
    --mcFontSizeCategory: 16px;         /* Etiquetas de categoría (mínimo 16px) */
    --mcFontSizeSmall: 16px;            /* Texto auxiliar (mínimo 16px) */
}

/* Regla global para tamaño mínimo de fuente */
* {
    font-size: max(16px, inherit);
}

/* Clases para títulos principales */
.mcTitleMain,
h1.mcTitle,
h2.mcTitle {
    font-size: var(--mcFontSizeMainTitle) !important;
    font-family: var(--typeHeadingFont, 'Nunito');
}

/* Clases para títulos secundarios */
.mcTitleSecondary,
h3.mcTitle,
h4.mcTitle {
    font-size: var(--mcFontSizeSecondaryTitle) !important;
    font-family: var(--typeHeadingFont, 'Nunito');
}

/* Clases para extractos y descripciones */
.mcExcerpt,
.mcDescription,
.excerpt,
.description {
    font-size: var(--mcFontSizeExcerpt) !important;
    font-family: var(--typeBaseFont, 'Poppins');
}

/* Clases para descripciones grandes */
.mcDescriptionLarge,
.description-large {
    font-size: var(--mcFontSizeDescription) !important;
    font-family: var(--typeBaseFont, 'Poppins');
}

/* Clases para meta información */
.mcMeta,
.mcDate,
.mcAuthor,
.meta,
.date,
.author {
    font-size: var(--mcFontSizeMeta) !important;
    font-family: var(--typeBaseFont, 'Poppins');
}

/* Clases para categorías */
.mcCategory,
.category,
.cat {
    font-size: var(--mcFontSizeCategory) !important;
    font-family: var(--typeBaseFont, 'Poppins');
}

/* Clases para texto pequeño */
.mcSmall,
.small-text,
small {
    font-size: var(--mcFontSizeSmall) !important;
    font-family: var(--typeBaseFont, 'Poppins');
}

/* Aplicar variables a elementos específicos del tema */
.mcTitleMC .mcTitle {
    font-size: var(--mcFontSizeMainTitle) !important;
}

.mcItem .mcTitle {
    font-size: var(--mcFontSizeSecondaryTitle) !important;
}

.mcItem .mcExcerpt {
    font-size: var(--mcFontSizeExcerpt) !important;
}

.mcItem .mcMeta {
    font-size: var(--mcFontSizeMeta) !important;
}

.mcItem .mcCategory {
    font-size: var(--mcFontSizeCategory) !important;
}

/* Override para elementos que necesitan tamaño mínimo garantizado */
.mcMeta,
.mcCategory,
.mcSmall,
small,
.meta,
.category,
.small-text,
.mcTagPremiumPost,
.mcPostCategory,
.mcSummary,
.mcDate,
.mcAuthor,
.mcBreadCrumbs,
#mcCopyright,
#mcMainMenu ul:not(.sub-menu) li a,
#mcButtonExpandMenu,
#mcExpandedMenu ul li a,
.mcMBButtonMainMenu,
.mcTopMenu a,
.mcMBLoginButtonsContainer a,
.mcSearchBox input[type="submit"],
.mcPostAuthor .mcAuthorLink,
.mcSocialLinks .mcTag {
    font-size: max(var(--mcFontSizeMeta), 16px) !important;
}

/* Aplicar tamaño de fuente base al body */
body {
    font-size: var(--mcFontSizeExcerpt) !important;
}