/* Homepage Dynamic Colors */
:root {
    /* These will be overridden by inline styles from config */
    --primary-color: #ffffff;
    --accent-color: #f5e6ea;
    --background-color: #f8f8f8;
    --text-primary: #000000;
    --text-secondary: #666666;
}

/* Hero Section */
.hero-right {
    background: var(--accent-color);
}

.hero-title {
    color: var(--text-primary);
}

.hero-subtitle {
    color: var(--text-secondary);
}

/* About Section */
.about-content-card {
    background: var(--primary-color);
}

.about-content-card h2 {
    color: var(--text-primary);
}

.about-content-card p {
    color: var(--text-secondary);
}

/* Values Section */
.values-section {
    background: var(--background-color);
}

.value-card {
    background: var(--primary-color);
}

.value-card h3 {
    color: var(--text-primary);
}

.value-card p {
    color: var(--text-secondary);
}

/* Benefits Section */
.benefits-section {
    background: var(--background-color);
}

.benefit-card {
    background: var(--primary-color);
}

.benefit-card h3 {
    color: var(--text-primary);
}

.benefit-card p {
    color: var(--text-secondary);
}

/* Testimonials Section */
.testimonials-section {
    background: var(--primary-color);
}

.testimonial-card {
    background: var(--background-color);
}

.testimonial-quote {
    color: var(--text-primary);
}

.testimonial-author {
    color: var(--text-secondary);
}

/* Vacancies Section */
.vacancies-section {
    background: var(--primary-color);
}

.vacancy-card {
    background: var(--background-color);
}

.vacancy-card h3 {
    color: var(--text-primary);
}

.vacancy-card p {
    color: var(--text-secondary);
}

/* Buttons */
.btn-primary {
    background: var(--text-primary);
    color: var(--primary-color);
}

.btn-primary:hover {
    opacity: 0.9;
}

.btn-secondary {
    background: var(--accent-color);
    color: var(--text-primary);
}

.btn-secondary:hover {
    opacity: 0.9;
}