/* Theme-specific colors and utilities */
.bg-light-bg {
    background-color: var(--light-bg);
}

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

.text-light-text {
    color: var(--light-text);
}

.text-light-muted {
    color: var(--light-muted);
}

.border-light-border {
    border-color: var(--light-border);
}

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

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

.text-dark-text {
    color: var(--dark-text);
}

.text-dark-muted {
    color: var(--dark-muted);
}

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

/* Accent colors */
.text-light-accent {
    color: var(--light-accent);
}

.text-dark-accent {
    color: var(--dark-accent);
}

.bg-light-accent {
    background-color: var(--light-accent);
}

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

/* Dark mode specific styles */
.dark .bg-light-bg {
    background-color: var(--dark-bg);
}

.dark .bg-light-card {
    background-color: var(--dark-card);
}

.dark .text-light-text {
    color: var(--dark-text);
}

.dark .text-light-muted {
    color: var(--dark-muted);
}

/* Light mode specific styles */
.light .bg-dark-bg {
    background-color: var(--light-bg);
}

.light .bg-dark-card {
    background-color: var(--light-card);
}

.light .text-dark-text {
    color: var(--light-text);
}

.light .text-dark-muted {
    color: var(--light-muted);
}