/**
 * Renovation Page - Light Theme
 * 
 * Light mode styling for renovation pages
 * Uses design system variables for consistency
 * 
 * @package TwinsRealEstate
 * @version 2.0.0
 */

/* Light theme is the default - most styles are in base files */
/* This file contains light-mode specific overrides */

.renovations-page-wrapper[data-theme="light"],
.renovations-page-wrapper:not([data-theme]) {
    background: var(--color-background, #ffffff);
    color: var(--color-text-primary, #333333);
}

.renovations-page-wrapper[data-theme="light"] .renovation-section,
.renovations-page-wrapper:not([data-theme]) .renovation-section {
    background: var(--color-background, #ffffff);
    color: var(--color-text-primary, #333333);
}

.renovations-page-wrapper[data-theme="light"] .renovation-section--secondary,
.renovations-page-wrapper:not([data-theme]) .renovation-section--secondary {
    background: var(--color-background-secondary, #f8f9fa);
}

/* Ensure text is always visible in light mode */
.renovations-page-wrapper[data-theme="light"] h1,
.renovations-page-wrapper[data-theme="light"] h2,
.renovations-page-wrapper[data-theme="light"] h3,
.renovations-page-wrapper[data-theme="light"] h4,
.renovations-page-wrapper[data-theme="light"] h5,
.renovations-page-wrapper[data-theme="light"] h6,
.renovations-page-wrapper:not([data-theme]) h1,
.renovations-page-wrapper:not([data-theme]) h2,
.renovations-page-wrapper:not([data-theme]) h3,
.renovations-page-wrapper:not([data-theme]) h4,
.renovations-page-wrapper:not([data-theme]) h5,
.renovations-page-wrapper:not([data-theme]) h6 {
    color: var(--color-text-primary, #333333);
}

.renovations-page-wrapper[data-theme="light"] p,
.renovations-page-wrapper[data-theme="light"] span,
.renovations-page-wrapper[data-theme="light"] div,
.renovations-page-wrapper:not([data-theme]) p,
.renovations-page-wrapper:not([data-theme]) span,
.renovations-page-wrapper:not([data-theme]) div {
    color: var(--color-text-primary, #333333);
}

.renovations-page-wrapper[data-theme="light"] [class*="muted"],
.renovations-page-wrapper:not([data-theme]) [class*="muted"] {
    color: var(--color-text-secondary, #666666);
}