/*
Theme Name: Serenique Spa Theme
Author: DMSt Limited
Description: A restorative, neuro-affirming theme built on the framework of awakening, change, and embrace.
Version: 1.1
*/

:root {
    --deep-forest: #4A5D45;
    --sage: #A3B18A;
    --moss: #CBD5C0;
    --cream: #F3EFE0;
    --sand: #D7C9AA;
    --gold: #B8974D;
}

/* Base resets and typography */
body {
    background-color: var(--cream);
    color: var(--deep-forest);
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, .font-playfair {
    font-family: 'Playfair Display', serif;
}

p, .font-montserrat {
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 0.01em;
}

/* Container constraints */
.container {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}

/* Custom Scrollbar for professional tranquility */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: var(--cream);
}

::-webkit-scrollbar-thumb {
    background: var(--sand);
    border: 2px solid var(--cream);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--gold);
}

/* Ensure the fixed header doesn't hide page titles on interior pages */
.site-main {
    position: relative;
    z-index: 10;
}

/* Responsive transitions */
.transition-all {
    transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Smooth fade animations */
.animate-fade-in-up {
    opacity: 0;
}