:root {
    --primary: #10b981;
    --primary-hover: #059669;
    --primary-soft-bg: rgba(16, 185, 129, 0.2);
    --primary-soft-border: rgba(16, 185, 129, 0.35);
    --primary-text: #34d399;
}

.text-emerald-400 { color: var(--primary-text) !important; }
.bg-emerald-500 { background-color: var(--primary) !important; }
.hover\\:bg-emerald-600:hover { background-color: var(--primary-hover) !important; }
.focus\\:border-emerald-400:focus { border-color: var(--primary) !important; }
.border-emerald-400 { border-color: var(--primary) !important; }
.bg-emerald-500\\/20 { background-color: var(--primary-soft-bg) !important; }
.border-emerald-500\\/30 { border-color: var(--primary-soft-border) !important; }