<?php
function broadcast_get_css() {
ob_start();

$bc_colour_theme = (get_theme_mod( 'bc_colour_theme' ) ? get_theme_mod( 'bc_colour_theme' ) : 'dark');
$bc_accent_color = (get_theme_mod( 'bc_colour_accent' ) ? get_theme_mod( 'bc_colour_accent' ) : '#9147FF');
$primaryFont = (get_theme_mod( 'bc_primary_font' ) ? get_theme_mod( 'bc_primary_font' ) : 'Luckiest Guy');
$secondaryFont = (get_theme_mod( 'bc_secondary_font' ) ? get_theme_mod( 'bc_secondary_font' ) : 'Roboto');
$primaryFontStyle = (get_theme_mod( 'bc_primary_font_style' ) ? get_theme_mod( 'bc_primary_font_style' ) : []);

$fontWeight = (in_array('bold', $primaryFontStyle) ? 'bold' : 'normal');
$fontStyle = (in_array('italic', $primaryFontStyle) ? 'italic' : 'normal');
$textDecoration = (in_array('underline', $primaryFontStyle) ? 'underline' : 'normal');
$textTransform = (in_array('uppercase', $primaryFontStyle) ? 'uppercase' : 'normal');

$primaryBgColour = ($bc_colour_theme == 'dark' ? '#0E0E10' : '#F7F7F8');
$secondaryBgColour = ($bc_colour_theme == 'dark' ? '#1F1F23' : '#EFEFF1');
$tertiaryBgColour = ($bc_colour_theme == 'dark' ? '#0E0E10' : '#F7F7F8');
$textColour = ($bc_colour_theme == 'dark' ? '#DEDEE3' : '#0E0E10');

    if ( ! empty( $primaryFont ) ) { ?>
    :root {
        --bc-primary-bg-color: <?php echo esc_attr($primaryBgColour); ?>;
        --bc-secondary-bg-color: <?php echo esc_attr($secondaryBgColour); ?>;
        --bc-tertiary-bg-color: <?php echo esc_attr($tertiaryBgColour); ?>;
        --bc-text-color: <?php echo esc_attr($textColour); ?>;
        --bc-accent-color: <?php echo esc_attr($bc_accent_color); ?>;
    }
    .broadcast-lite h1, .broadcast-lite h2, .broadcast-lite h3, .broadcast-lite h4, .broadcast-lite h5, .broadcast-lite h6, .broadcast-lite h7,
    .cp-masthead__cta-title,
    .cp-header__title,
    .cp-header__middle--line-1,
    .cp-masthead__countdown-title,
    .cp-masthead__countdown-wrapper,
    .cp-blog__post-title,
    .cp-nav__username,
    .cp-nav__game-playing--line-1,
    .cp-nav__wrapper div > ul li a {
        font-family: <?php echo esc_attr($primaryFont); ?>!important;
        font-weight: <?php echo esc_attr($fontWeight); ?>;
        font-style: <?php echo esc_attr($fontStyle); ?>;
        text-decoration: <?php echo esc_attr($textDecoration); ?>;
        text-transform: <?php echo esc_attr($textTransform); ?>;    
        letter-spacing: 0;    
    }
    <?php } ?>

    <?php if ( ! empty( $secondaryFont ) ) { ?>
    body,
    .button,
    .cp-header__middle--line-2,
    .cp-nav__game-playing--line-2,
    .cp-single__meta-title,
    .cp-blog__post-author {
        font-family: <?php echo esc_attr($secondaryFont); ?>!important;
        letter-spacing: 0;    
    }
    <?php } ?>  
    .l-colour__primary-bg {
        background: <?php echo esc_attr($primaryBgColour); ?>;
    }
    .l-colour__secondary-bg {
        background: <?php echo esc_attr($secondaryBgColour); ?>;
    }
    .l-colour__tertiary-bg {
        background: <?php echo esc_attr($tertiaryBgColour); ?>;
    }
    body, button, input, select, textarea {
        color: <?php echo esc_attr($textColour); ?>;
    }
    cite, dl, ol, ul {
        color: <?php echo esc_attr($textColour); ?>;
    }
    table, address, pre {
        color: <?php echo esc_attr($textColour); ?>;
    }
    .comment-body {
        color: <?php echo esc_attr($textColour); ?>;
    }
    .h--main-title {
        color: <?php echo esc_attr($textColour); ?>;
    }
    .cp-blog__title h3 {
        color: <?php echo esc_attr($textColour); ?>;
    }
    .cp-affiliates__title h3 {
        color: <?php echo esc_attr($textColour); ?>;
    }
    .cp-single__comments-title {
        color: <?php echo esc_attr($textColour); ?>;
    }
    .cp-single__comments-title:before {
        background: <?php echo esc_attr($textColour); ?>;
    }
    .cp-nav__close--icon span {
        color: <?php echo esc_attr($textColour); ?>;
    }    
    .cp-nav__wrapper>ul {
        border-color: <?php echo esc_attr($textColour); ?>;
    }
    #comment, #author, #email {
        border-color: <?php echo esc_attr($textColour); ?>;
    }
    @media only screen and (max-width: 767px) {
        .cp-masthead__countdown {
            background: <?php echo esc_attr($primaryBgColour); ?>;
        }
    }
    .cp-masthead__cta a {
        background: <?php echo esc_attr($primaryBgColour); ?>;
        color: <?php echo esc_attr($bc_accent_color); ?>;
    }
  <?php

$css = ob_get_clean();
return $css;
}