:root {
    --los-color-primary: #6B4F3A;
    --los-color-primary-rgb: 107, 79, 58;
    --los-color-secondary: #867555;
    --los-color-secondary-rgb: 134, 117, 85;
    --los-color-base: #d2b785;
    --los-color-base-rgb: 210, 183, 133;
    --los-color-text: #000000;
    --los-color-text-rgb: 0, 0, 0;
    --los-color-contrast: #ffffff;
    --los-gradient-brand: linear-gradient(135deg, var(--los-color-primary) 0%, var(--los-color-secondary) 100%);

    /* Aliases utiles pour Elementor */
    --e-global-color-primary: var(--los-color-primary);
    --e-global-color-secondary: var(--los-color-secondary);
    --e-global-color-text: var(--los-color-text);
    --e-global-color-accent: var(--los-color-base);

    /* Aliases plus explicites pour WpRentals / CSS custom */
    --wprentals-accent-color: var(--los-color-primary);
    --wprentals-accent-color-rgb: var(--los-color-primary-rgb);
    --wprentals-secondary-color: var(--los-color-secondary);
    --wprentals-base-color: var(--los-color-base);
    --wprentals-text-color: var(--los-color-text);
}

body.elementor-editor-active,
body.wp-admin,
.elementor-editor-preview,
.elementor-preview,
.elementor-kit-1 {
    --los-color-primary: #6B4F3A;
    --los-color-primary-rgb: 107, 79, 58;
    --los-color-secondary: #867555;
    --los-color-secondary-rgb: 134, 117, 85;
    --los-color-base: #d2b785;
    --los-color-base-rgb: 210, 183, 133;
    --los-color-text: #000000;
    --los-color-text-rgb: 0, 0, 0;
    --los-color-contrast: #ffffff;
}

.los-color-primary {
    color: var(--los-color-primary) !important;
}

.los-color-secondary {
    color: var(--los-color-secondary) !important;
}

.los-bg-primary {
    background-color: var(--los-color-primary) !important;
    color: var(--los-color-contrast) !important;
}

.los-bg-base {
    background-color: var(--los-color-base) !important;
    color: var(--los-color-text) !important;
}