:root {
    --primary-color: #2563eb;
    --secondary-color: #64748b;
    --primary-dark: #1d4ed8;
}

/* Dynamic color classes for JavaScript manipulation */
.dynamic-primary {
    color: var(--primary-color);
}

.dynamic-secondary {
    color: var(--secondary-color);
}

.dynamic-primary-dark {
    color: var(--primary-dark);
}

.bg-dynamic-primary {
    background-color: var(--primary-color);
}

.bg-dynamic-secondary {
    background-color: var(--secondary-color);
}

.bg-dynamic-primary-dark {
    background-color: var(--primary-dark);
}

.border-dynamic-primary {
    border-color: var(--primary-color);
}

.border-dynamic-secondary {
    border-color: var(--secondary-color);
}

.border-dynamic-primary-dark {
    border-color: var(--primary-dark);
}