/* Base CSS - Reset, variables, typography */

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

:root {
    /* DARK SEXY MYSTERIOUS AUTUMN PALETTE */
    --bg-dark: #120806; /* Deepest Espresso / Blackberry */
    --white: #F2E3D5; /* Warm Candlelight Cream */
    --fire-red: #8C271E; /* Deep Oxblood / Burnt Crimson */
    --fire-glow: #B83A24; /* Warm Rust / Ember */
    
    /* Text Colors */
    --text-main: #F2E3D5;
    --text-muted: #BFA593; /* Warm Muted Taupe */

    /* Mapping original variables */
    --navy: #F2E3D5; 
    --fire-500: #8C271E;
    --fire-700: #5C1710;
    --text-dark: #120806;
    --text-light: #BFA593;
    --bg-light: rgba(35, 15, 10, 0.85); /* Tinted Warm Dark Glass */
    --primary-color: #8C271E;
    --sand-start: #1A0C08;
    --sand-end: #0A0403;
}

html { scroll-behavior: smooth; }

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    line-height: 1.6;
    color: var(--text-main);
    background: var(--bg-dark);
    overflow-x: hidden;
}

/* Touch action for scrolling */
html, body { touch-action: pan-y; overscroll-behavior-x: none; }
.gallery-track, .rates-track, .addons-track, .fetish-track, #tickerInner { touch-action: pan-x; }

/* Performance optimizations */
.global-smoke, .smoke-container { display: none !important; }
.gallery-track, .rates-track, .addons-track { transition: none !important; }
.gallery-item:hover { transform: none !important; }

/* Typography */
h2 {
    font-size: 2.5rem; margin-bottom: 3rem; text-align: center;
    color: var(--fire-red) !important;
    text-shadow: 0 0 15px rgba(140, 39, 30, 0.4);
    text-transform: uppercase; letter-spacing: 4px; font-weight: 800;
}

.section-title-box h2, #gallery h2, #rates h2, #contact h2 { 
    color: var(--fire-red) !important; 
}

h3 { color: var(--white); text-transform: uppercase; letter-spacing: 1px; }