/* ===== SISTEMA DE FUENTES ===== */

:root {
    --font-heading: 'Playfair Display', serif;
    --font-body: 'Inter', sans-serif;
    
    /* Escala de tamaños */
    --text-xs: 0.75rem;
    --text-sm: 0.875rem;
    --text-base: 1rem;
    --text-lg: 1.125rem;
    --text-xl: 1.25rem;
    --text-2xl: 1.5rem;
    --text-3xl: 1.875rem;
    --text-4xl: 2.25rem;
    --text-5xl: 3rem;
}

/* APLICAR FUENTES AL BODY */
body {
    font-family: var(--font-body);
    font-size: var(--text-base);
    line-height: 1.7;
    font-weight: 400;
    color: #333;
}

/* TÍTULOS */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 1rem;
    color: #112B00;
}

h1 {
    font-size: var(--text-4xl);
    font-weight: 700;
}

h2 {
    font-size: var(--text-3xl);
}

h3 {
    font-size: var(--text-2xl);
}

h4 {
    font-size: var(--text-xl);
}

h5 {
    font-size: var(--text-lg);
}

h6 {
    font-size: var(--text-base);
}

/* PÁRRAFOS Y TEXTOS */
p {
    font-family: var(--font-body);
    margin-bottom: 1rem;
    line-height: 1.7;
}

/* ELEMENTOS DE TEXTO */
li, a, button, input, textarea, select {
    font-family: var(--font-body);
}

/* BOTONES */
button, 
.button,
input[type="submit"],
input[type="button"] {
    font-family: var(--font-body);
    font-weight: 500;
}

/* ENLACES */
a {
    font-family: var(--font-body);
    text-decoration: none;
    color: #800000;
    transition: color 0.3s;
}

a:hover {
    color: #600000;
}

/* TEXTOS PEQUEÑOS */
small, 
.text-sm {
    font-size: var(--text-sm);
}

/* TEXTOS GRANDES */
.text-lg {
    font-size: var(--text-lg);
}

.text-xl {
    font-size: var(--text-xl);
}

/* PESOS DE FUENTE ESPECÍFICOS */
.font-light { font-weight: 300; }
.font-normal { font-weight: 400; }
.font-medium { font-weight: 500; }
.font-semibold { font-weight: 600; }
.font-bold { font-weight: 700; }

/* ESPECÍFICO PARA BLOG */
.blog-post-card h2 {
    color: #112B00;
}

.blog-post-card .post-excerpt {
    color: #666;
    font-weight: 400;
}

/* ESPECÍFICO PARA AUDIOVISUALES */
.video-card h3 {
    color: #333;
}

/* ESPECÍFICO PARA PROYECTOS */
.proyecto-card h2 {
    color: #333;
}