<?php
function alley_themes_dynamic_css() {
	wp_enqueue_style(
		'alley-themes-dynamic-css', get_template_directory_uri() . '/css/dynamic.css'
        );
        $site_title_size = get_theme_mod( 'site_title_size', '30');
        $logo_size = absint( $site_title_size * 2 );
        $site_identity_font_family = get_theme_mod( 'site_identity_font_family', 'Poppins');
        $container_width = get_theme_mod('container_width', '1140');


        $site_title_color = get_theme_mod( 'site_title_color_option', '#3867D8' );
        
        $primary_color = get_theme_mod( 'primary_color', '#3867D8' );
        $secondary_color = get_theme_mod( 'secondary_color', '#F55954' );
        $text_color = get_theme_mod( 'text_color', '#757575' );
        $accent_color = get_theme_mod( 'accent_color', '#809EE6' );
        $light_color = get_theme_mod( 'light_color', '#ffffff ' );
        $dark_color = get_theme_mod( 'dark_color', '#1F2D3D ' );
        $grey_color = get_theme_mod( 'grey_color', '#aaaaaa ' );

        $footer_font_family = get_theme_mod( 'footer_font_family', 'Montserrat' );
        $font_family = esc_attr( get_theme_mod( 'font_family', 'Montserrat' ) );
        $font_size = esc_attr( get_theme_mod( 'font_size', '16px' ) );
        $body_font_weight = esc_attr( get_theme_mod( 'body_font_weight', 600 ) );
        $body_line_height = get_theme_mod( 'body_line_height', '1.5');


        $heading_font_family = esc_attr( get_theme_mod( 'heading_font_family', 'Poppins' ) );
        $heading_font_weight = esc_attr( get_theme_mod( 'heading_font_weight', 600 ) );
        $header_line_height = get_theme_mod( 'header_line_height', '1.5');
        $default_size = array(
                '1' =>  32,
                '2' =>  28,
                '3' =>  24,
                '4' =>  21,
                '5' =>  15,
                '6' =>  12,
        );

	    for( $i = 1; $i <= 6 ; $i++ ) {
	    	$heading[$i] = absint( get_theme_mod( 'alley_themes_heading_' . $i . '_size', absint( $default_size[$i] ) ) );
	    }

        $dynamic_css = "

                :root {
                        --primary-color: $primary_color;
                        --secondary-color: $secondary_color;
                        --text-color: $text_color;
                        --accent-color: $accent_color;
                        --light-color: $light_color;
                        --dark-color: $dark_color;
                        --grey-color: $grey_color;
                }
                
                /* font family */
                body{ font: $body_font_weight"." $font_size"." $font_family; line-height: {$body_line_height};}

                h1{ font: $heading_font_weight {$heading[1]}"."px $heading_font_family }
                h2{ font: $heading_font_weight {$heading[2]}"."px $heading_font_family }
                h3{ font: $heading_font_weight {$heading[3]}"."px $heading_font_family }
                h4{ font: $heading_font_weight {$heading[4]}"."px $heading_font_family }
                h5{ font: $heading_font_weight {$heading[5]}"."px $heading_font_family }
                h6{ font: $heading_font_weight {$heading[6]}"."px $heading_font_family }

                h1,h2,h3,h4,h5,h6{
                        line-height: {$header_line_height};
                }


                /* site title size */
                .site-title a{color: $site_title_color;}
                .site-title{font-size: $site_title_size"."px; font-family: {$site_identity_font_family}; }

                header .custom-logo{ height: {$logo_size}"."px; }

                /* container width */
                .container{max-width: {$container_width}"."px; }


                /* Footer widget font Colors */
                .site-footer .widget-title{font-family: $footer_font_family;}

                
        ";
        wp_add_inline_style( 'alley-themes-dynamic-css', $dynamic_css );
}
add_action( 'wp_enqueue_scripts', 'alley_themes_dynamic_css' );