/*
Theme Name: Rooftop Magic
Theme URI: https://rooftopmagic.com
Author: Growlo Media
Author URI: https://growlomedia.com
Description: Custom blank theme for Rooftop Magic - Professional Holiday Lighting
Version: 1.0.0
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rooftopmagic
*/

/* ========================================
   GLOBAL RESETS & BASE STYLES
   These styles apply to ALL links globally
   ======================================== */

/* Reset all link colors globally - CRITICAL for nav colors */
a, a:link, a:visited {
    color: inherit;
    text-decoration: none;
}

a:hover, a:active {
    color: inherit;
}

/* WordPress default overrides */
.wp-block a {
    color: inherit;
    text-decoration: none;
}

/* ========================================
   CSS VARIABLES
   ======================================== */
:root {
    --navy: #0a1628;
    --navy-light: #1a2a42;
    --cream: #faf8f5;
    --gold: #d4af37;
    --gold-light: #e8c547;
    --white: #ffffff;
    --gray: #8a9ab0;
}

/* ========================================
   TYPOGRAPHY
   ======================================== */
body {
    font-family: 'Inter', sans-serif;
    background-color: var(--navy);
    color: var(--cream);
    line-height: 1.6;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Cormorant Garamond', serif;
    font-weight: 400;
    margin: 0;
}

/* ========================================
   WORDPRESS BLOCK LIBRARY OVERRIDES
   ======================================== */
.wp-block-group,
.wp-block-group__inner-container {
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Hide default page title on homepage */
.home .entry-title {
    display: none;
}

/* Remove default WordPress margins */
.entry-content {
    margin: 0 !important;
    padding: 0 !important;
}

/* ========================================
   UTILITY CLASSES
   ======================================== */
.screen-reader-text {
    position: absolute;
    left: -9999px;
}