:root {
    --primary-color: #1b25b6;
    --primary-dark: #657b6c;
    --accent-color: #2c3e50;
    --accent-dark: #1a252f;
    --bg-color: #f8fafc;
    --text-color: #1e293b;
}

/* Selection color */
::selection {
    background: var(--primary-color);
    color: white;
}

/* Custom scrollbar */
::-webkit-scrollbar-track { background: var(--bg-color); }
::-webkit-scrollbar-thumb:hover { background: var(--accent-dark); }

/* Apply colors to common elements */
.bg-primary { background-color: var(--primary-color) !important; }
.bg-primary-dark { background-color: var(--primary-dark) !important; }
.bg-accent { background-color: var(--accent-color) !important; }
.bg-accent-dark { background-color: var(--accent-dark) !important; }

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

.hover\:bg-primary:hover { background-color: var(--primary-color) !important; }
.hover\:bg-primary-dark:hover { background-color: var(--primary-dark) !important; }
.hover\:bg-accent:hover { background-color: var(--accent-color) !important; }
.hover\:bg-accent-dark:hover { background-color: var(--accent-dark) !important; }

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

.border-primary { border-color: var(--primary-color) !important; }
.border-accent { border-color: var(--accent-color) !important; }
.border-accent-dark { border-color: var(--accent-dark) !important; }

.focus\:border-primary:focus { border-color: var(--primary-color) !important; }
.focus\:ring-primary\/20:focus { --tw-ring-color: var(--primary-color)33 !important; }