/*
Theme Name: SnapListing
Theme URI: https://snaplisting.ca
Author: BuzzMasters
Author URI: https://buzzmasters.ca
Description: Fast, effortless real-estate media booking platform. Cinematic design with integrated booking wizard for photography services.
Version: 1.0.0
Requires at least: 5.9
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: snaplisting
Tags: one-column, custom-colors, custom-menu, featured-images, responsive-layout, dark

SnapListing - Professional real estate photography booking platform
by BuzzMasters • North Bay, Ontario
*/

/* ===================================
   SnapListing Design System
   Cinematic • Fast • Premium
   =================================== */

:root {
    /* Brand Colors */
    --charcoal: #1A1A1A;
    --white: #FFFFFF;
    --snap-gold: #FCB539;
    --soft-gray: #B3B3B3;
    --dark-gray: #2A2A2A;
    --lighter-charcoal: #252525;
    
    /* Typography */
    --font-heading: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-body: 'Lato', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-mono: 'JetBrains Mono', 'Courier New', monospace;
    
    /* Spacing */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 1.5rem;
    --spacing-lg: 2rem;
    --spacing-xl: 3rem;
    --spacing-2xl: 4rem;
    --spacing-3xl: 6rem;
    
    /* Animation */
    --transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-base: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-smooth: 0.6s cubic-bezier(0.16, 1, 0.3, 1);
    
    /* Safe Area Insets for Notched Devices */
    --safe-area-inset-top: env(safe-area-inset-top, 0);
    --safe-area-inset-right: env(safe-area-inset-right, 0);
    --safe-area-inset-bottom: env(safe-area-inset-bottom, 0);
    --safe-area-inset-left: env(safe-area-inset-left, 0);
}

/* ===================================
   Reset & Base Styles
   =================================== */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
}

body {
    font-family: var(--font-body);
    font-weight: 400;
    background: var(--charcoal);
    color: var(--white);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
    min-height: 100vh;
    min-height: -webkit-fill-available;
}

/* Mobile-specific optimizations */
@media (hover: none) and (pointer: coarse) {
    * {
        transition-duration: 0.1s !important;
    }
}

::selection {
    background: var(--snap-gold);
    color: var(--charcoal);
}

/* Import the rest of the styles from original styles.css */