/* Variables de tipografía */
:root {
    --font-titles: 'Orbitron', sans-serif;
    --font-body: 'Rajdhani', sans-serif;
    --font-alternative: 'Exo 2', sans-serif;
}

/* Estilos para títulos */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-titles);
    font-weight: 600;
    letter-spacing: 0.5px;
}

/* Estilos para el texto principal */
body {
    font-family: var(--font-body);
    font-weight: 400;
    line-height: 1.6;
}

/* Estilos para elementos de navegación */
.navbar, .sidebar {
    font-family: var(--font-alternative);
    font-weight: 500;
}

/* Estilos para botones */
.btn, .btn-recurso, .cta-btn {
    font-family: var(--font-alternative);
    font-weight: 600;
    letter-spacing: 0.3px;
}

/* Estilos para el diccionario */
.diccionario-section h2,
.diccionario-section h3 {
    font-family: var(--font-titles);
    font-weight: 700;
}

/* Estilos para las tarjetas */
.feature-card h2,
.cultura-card h3,
.recurso-card h3 {
    font-family: var(--font-titles);
    font-weight: 600;
}

/* Estilos para el chatbot */
.chatbot-header h3 {
    font-family: var(--font-alternative);
    font-weight: 600;
}

/* Estilos para testimonios */
.testimonial-author h4 {
    font-family: var(--font-alternative);
    font-weight: 600;
}

/* Estilos para el footer */
.footer h3 {
    font-family: var(--font-titles);
    font-weight: 500;
}

/* Ajustes específicos para texto en catalán */
[data-translate] {
    font-family: var(--font-body);
    font-weight: 400;
}

/* Estilos para elementos interactivos */
input, textarea, select {
    font-family: var(--font-body);
    font-weight: 400;
}

/* Estilos para estadísticas */
.estadistica-card .numero {
    font-family: var(--font-titles);
    font-weight: 700;
    font-size: 2.5rem;
}