/*
Theme Name: EasyFM
Theme URI: https://www.easyfm.com.au/
Author: EasyFM Team
Author URI: https://www.easyfm.com.au/
Description: Custom WordPress theme for EasyFM 93.3 - Your Easy Listening Music Community Radio Station on the Central Coast of NSW, Australia
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: easyfm
Tags: community-radio, custom-theme, responsive, mobile-first

This theme, like WordPress, is licensed under the GPL.
*/

/* ==========================================
   CRITICAL CSS - Mobile First
   ========================================== */

:root {
    --color-primary: #ED1651;
    --color-primary-dark: #C4103F;
    --color-grey-light: #F5F5F5;
    --color-grey-medium: #CCCCCC;
    --color-grey-dark: #666666;
    --color-footer-bg: #E0E0E0;
    --color-white: #FFFFFF;
    --color-black: #000000;
    --color-text: #333333;
    
    --font-primary: 'Arial', 'Helvetica', sans-serif;
    --font-heading: 'Arial Black', 'Gadget', sans-serif;
    
    --spacing-xs: 8px;
    --spacing-sm: 16px;
    --spacing-md: 24px;
    --spacing-lg: 32px;
    --spacing-xl: 48px;
    
    --container-mobile: 100%;
    --container-tablet: 720px;
    --container-desktop: 960px;
    --container-large: 1200px;
}

/* Reset & Base Styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    font-size: 16px;
    scroll-behavior: smooth;
}

body {
    font-family: var(--font-primary);
    color: var(--color-text);
    line-height: 1.6;
}

img {
    max-width: 100%;
    display: block;
}

a {
    color: var(--color-primary);
    text-decoration: none;
    transition: color 0.3s ease;
}

hr {
    border: none;
    border-top: 2px solid var(--color-primary);
    margin: var(--spacing-md) 0;
}

a:hover,
a:focus {
    color: var(--color-primary-dark);
}

/* Container */
.container {
    width: 100%;
    max-width: var(--container-mobile);
    margin: 0 auto;
    padding: 0 var(--spacing-sm);
}

/* Skip to Content (Accessibility) */
.skip-to-content {
    position: absolute;
    top: -100px;
    left: 0;
    background: var(--color-primary);
    color: var(--color-white);
    padding: var(--spacing-sm);
    z-index: 10000;
}

.skip-to-content:focus {
    top: 0;
}

/* Screen Reader Only */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}