:root {
    --primary-color: #1A56DB;
    --primary-hover: #1E40AF;
    --primary-soft: #DBEAFE;
    --primary-softest: #EFF6FF;
    --success-color: #059669;
    --success-soft: #D1FAE5;
    --success-dark: #047857;
    --bg-main: #F9FAFB;
    --text-main: #111827;
    --accent-color: #F59E0B;
    --accent-soft: #FEF3C7;
    --card-border: #E5E7EB;
}

body {
    background-color: var(--bg-main) !important;
    color: var(--text-main) !important;
    font-family: 'Inter', sans-serif !important;
}

.dashboard-card {
    background: #FFFFFF;
    border: 1px solid var(--card-border);
    border-radius: 12px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.btn-primary {
    background-color: var(--primary-color);
    color: #FFFFFF;
    padding: 10px 20px;
    border-radius: 8px;
    font-weight: 600;
}

.profit-text {
    color: var(--success-color) !important;
}

.active-tab,
.active-mode {
    color: var(--primary-color) !important;
}

.text-green-100 {
    color: #DBEAFE !important;
}

.text-green-200 {
    color: #BFDBFE !important;
}

.text-green-300 {
    color: #93C5FD !important;
}

.text-green-400 {
    color: #60A5FA !important;
}

.text-green-500,
.hover\:text-green-500:hover {
    color: #3B82F6 !important;
}

.text-green-600,
.hover\:text-green-600:hover {
    color: var(--primary-color) !important;
}

.text-green-700,
.hover\:text-green-700:hover {
    color: var(--primary-hover) !important;
}

.text-green-800 {
    color: #1E3A8A !important;
}

.bg-green-50,
.hover\:bg-green-50:hover {
    background-color: var(--primary-softest) !important;
}

.bg-green-100,
.hover\:bg-green-100:hover {
    background-color: var(--primary-soft) !important;
}

.bg-green-200,
.hover\:bg-green-200:hover {
    background-color: #BFDBFE !important;
}

.bg-green-400 {
    background-color: #60A5FA !important;
}

.bg-green-500 {
    background-color: #3B82F6 !important;
}

.bg-green-600,
.hover\:bg-green-600:hover {
    background-color: var(--primary-color) !important;
}

.bg-green-700,
.hover\:bg-green-700:hover {
    background-color: var(--primary-hover) !important;
}

.border-green-100 {
    border-color: #BFDBFE !important;
}

.border-green-200,
.hover\:border-green-200:hover {
    border-color: #93C5FD !important;
}

.border-green-300,
.hover\:border-green-300:hover {
    border-color: #60A5FA !important;
}

.border-green-500 {
    border-color: var(--primary-color) !important;
}

.border-green-700 {
    border-color: var(--primary-hover) !important;
}

.focus\:border-green-500:focus {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 3px rgba(26, 86, 219, 0.12) !important;
}

.focus\:ring-green-500:focus {
    --tw-ring-color: rgba(26, 86, 219, 0.35) !important;
}

.shadow-green-100,
.shadow-green-200 {
    --tw-shadow-color: rgba(26, 86, 219, 0.2) !important;
    --tw-shadow: var(--tw-shadow-colored) !important;
}

.from-green-600 {
    --tw-gradient-from: var(--primary-color) var(--tw-gradient-from-position) !important;
    --tw-gradient-to: rgba(26, 86, 219, 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.to-green-500 {
    --tw-gradient-to: #3B82F6 var(--tw-gradient-to-position) !important;
}

.success-alert {
    background-color: var(--success-soft) !important;
    border-color: #6EE7B7 !important;
    color: var(--success-dark) !important;
}

.success-soft-text {
    color: var(--success-color) !important;
}

.accent-badge {
    background-color: var(--accent-soft) !important;
    color: #92400E !important;
}