/* Utility classes използващи CSS променливите */
.bg-theme-primary { background-color: var(--bg-primary); }
.bg-theme-secondary { background-color: var(--bg-secondary); }
.text-theme-primary { color: var(--text-primary); }
.text-theme-secondary { color: var(--text-secondary); }
.text-theme-accent { color: var(--primary-color) !important; }
.border-theme { border-color: var(--border-color); }

/* Специфични селектори за hero компонентите */
.hero-left-column h1 span[data-edit="title_end"].text-theme-accent,
.hero-split-fifty .text-theme-accent,
span[data-edit="title_end"].text-theme-accent,
h1 span.text-theme-accent { 
    color: var(--primary-color) !important; 
}

/* Force override за всички theme accent класове */
body .text-theme-accent {
    color: var(--primary-color) !important;
}

.bg-theme-accent {
    background-color: var(--primary-color) !important;
}

/* Градиент фонове за theme */
.bg-theme-gradient {
    background: linear-gradient(135deg, var(--primary-color), var(--primary-hover), var(--accent-color)) !important;
}

.bg-theme-gradient-hero {
    background: linear-gradient(to bottom right, var(--primary-color), var(--primary-hover), var(--accent-color)) !important;
}

.bg-border-theme-accent {
    border-color: var(--primary-color) !important;
}

/* Плавни преходи при промяна на тема */
*, *::before, *::after {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}