:root {
    /* Base colors */
    --pearl-white: rgb(249, 249, 252);
    --dark-carbon: rgb(21, 21, 24);
    --gold-accent: #D4AF37;
    
    /* Default light theme */
    --bg-color: var(--pearl-white);
    --text-color: var(--dark-carbon);
    --section-bg: var(--pearl-white);
    --overlay-bg: rgba(255, 255, 255, 0.7);
    --nav-bg: rgba(249, 249, 252, 0.8);
    --form-border: rgba(33, 33, 33, 0.2);
}

/* Dark theme */
body.dark-theme {
    --bg-color: var(--dark-carbon);
    --text-color: var(--pearl-white);
    --section-bg: var(--dark-carbon);
    --overlay-bg: rgba(0, 0, 0, 0.7);
    --nav-bg: rgba(21, 21, 24, 0.8);
    --form-border: rgba(255, 255, 255, 0.2);
}

/* Fixed sections that were previously hard-coded to dark */
.intro,
.about,
.contact,
footer {
    background-color: var(--section-bg);
}

/* Navigation background fix */
header {
    background: var(--nav-bg);
}

/* Form elements fix */
.form-group input,
.form-group textarea {
    border-bottom: 1px solid var(--form-border);
}

.form-group input::placeholder,
.form-group textarea::placeholder {
    color: var(--text-color);
    opacity: 0.6;
}

/* Comfort section overlay fix */
.client-comfort .overlay {
    background: var(--overlay-bg);
}

/* Portfolio item background fix */
.portfolio-item {
    background: var(--section-bg);
}

/* Theme toggle styling */
.theme-toggle {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    z-index: 1000;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem;
    border-radius: 2rem;
    background: var(--nav-bg);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border: 1px solid var(--form-border);
}

.theme-toggle button {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 50%;
    transition: transform 0.3s ease;
}

.theme-toggle button:hover {
    transform: scale(1.1);
}

/* Comfort items background fix */
.comfort-item {
    background: var(--overlay-bg);
    border: 1px solid var(--form-border);
}

/* Global text color application */
body, 
p, 
h1, 
h2, 
h3, 
h4, 
h5, 
h6,
nav a,
.contact-form input,
.contact-form textarea,
.about-content p,
.portfolio-item h3,
.gallery-item h3 {
    color: var(--text-color);
}

/* Keep gold accents consistent */
.tagline,
.emphasis,
.comfort-item h4,
.location,
.subtitle {
    color: var(--gold-accent) !important;
}

/* Ensure form inputs follow theme */
.contact-form input,
.contact-form textarea {
    background-color: var(--bg-color);
    color: var(--text-color);
    border-color: rgba(
        calc(21 * (1 - var(--theme-darkness)) + 249 * var(--theme-darkness)),
        calc(21 * (1 - var(--theme-darkness)) + 249 * var(--theme-darkness)),
        calc(24 * (1 - var(--theme-darkness)) + 249 * var(--theme-darkness)),
        0.2
    );
}

/* Rest of your existing theme-slider and other styles... */