/* Variables de tipografía */
:root {
    --font-regular: 400;
    --font-medium: 500;
    --font-bold: 700;
    --font-extrabold: 800;
}

/* Estilos base */
body, 
p, 
span, 
div, 
input, 
textarea, 
select {
    font-family: 'Barlow', sans-serif;
    font-weight: var(--font-regular);
    color: #0D0C0C;
}

/* Encabezados */
h1, h2, h3, h4, h5, h6,
.main_heading h2,
.slider_contant h2 {
    font-family: 'Barlow', sans-serif;
    font-weight: var(--font-bold);
}

/* Elementos de navegación */
#navbar_menu > ul > li > a,
.menu_side a,
.btn,
button {
    font-family: 'Barlow', sans-serif;
    font-weight: var(--font-medium);
}

/* Elementos destacados */
.main_heading h2,
.service_blog h2,
.contact_us_section h2 {
    font-weight: var(--font-extrabold);
}

/* Elementos de texto regular */
.footer_menu li a,
.social_icon ul li a,
.blog_feature_cantant p,
.testimonial_inner p {
    font-weight: var(--font-regular);
}

/* Elementos de texto medio */
.topbar-hightlight,
.header_top ul li,
.counter-heading {
    font-weight: var(--font-medium);
}

/* Elementos de texto negrita */
strong,
b,
.semi_bold,
.counter-count,
.team_blog_colum h4 {
    font-weight: var(--font-bold);
}