:root {
    /* Blues */
    --primary-blue: #2563eb;
    --primary-blue-dark: #093aa3;
    --primary-blue-light: #1e40af;
    --blue-50: #eff6ff;
    --blue-100: #dbeafe;
    --blue-200: #bfdbfe;
    --blue-300: #93c5fd;
    --blue-400: #60a5fa;
    --blue-500: #3b82f6;
    --blue-600: #2563eb;
    --blue-700: #1d4ed8;
    --blue-800: #1e40af;
    --blue-900: #1e3a8a;

    /* Greens */
    --accent-green: #16a34a;
    --accent-green-light: #22c55e;
    --green-50: #f0fdf4;
    --green-100: #dcfce7;
    --green-200: #bbf7d0;
    --green-300: #86efac;
    --green-400: #4ade80;
    --green-500: #22c55e;
    --green-600: #16a34a;
    --green-700: #15803d;
    --green-800: #166534;
    --green-900: #14532d;

    /* Grays/Neutrals */
    --neutral-black: #0a0000;
    --neutral-gray: #e5e7eb;
    --gray-50: #f9fafb;
    --gray-100: #f3f4f6;
    --gray-200: #e5e7eb;
    --gray-300: #d1d5db;
    --gray-400: #9ca3af;
    --gray-500: #6b7280;
    --gray-600: #4b5563;
    --gray-700: #374151;
    --gray-800: #1f2937;
    --gray-900: #111827;

    /* Accent/Alert */
    --danger-red: #dc2626;
    --danger-red-light: #fca5a5;
    --warning-yellow: #facc15;
    --info-cyan: #06b6d4;
    --success-green: #22c55e;
    --orange: #fb923c;
    --purple: #a78bfa;
}

/* Utility classes for new colors */
.text-blue-300 {
    color: var(--blue-300) !important;
}

.text-blue-400 {
    color: var(--blue-400) !important;
}

.text-blue-500 {
    color: var(--blue-500) !important;
}

.text-blue-600 {
    color: var(--blue-600) !important;
}

.text-blue-700 {
    color: var(--blue-700) !important;
}

.text-blue-800 {
    color: var(--blue-800) !important;
}

.text-blue-900 {
    color: var(--blue-900) !important;
}

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

.text-green-600 {
    color: var(--green-600) !important;
}

.text-green-700 {
    color: var(--green-700) !important;
}

.text-green-800 {
    color: var(--green-800) !important;
}

.text-green-900 {
    color: var(--green-900) !important;
}

.text-gray-500 {
    color: var(--gray-500) !important;
}

.text-gray-700 {
    color: var(--gray-700) !important;
}

.text-danger-red {
    color: var(--danger-red) !important;
}

.text-warning-yellow {
    color: var(--warning-yellow) !important;
}

.text-info-cyan {
    color: var(--info-cyan) !important;
}

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

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

.bg-blue-100 {
    background: var(--blue-100) !important;
}

.bg-blue-700 {
    background: var(--blue-700) !important;
}

.bg-green-100 {
    background: var(--green-100) !important;
}

.bg-green-700 {
    background: var(--green-700) !important;
}

.bg-gray-100 {
    background: var(--gray-100) !important;
}

.bg-gray-700 {
    background: var(--gray-700) !important;
}

.bg-danger-red {
    background: var(--danger-red) !important;
}

.bg-warning-yellow {
    background: var(--warning-yellow) !important;
}

.bg-info-cyan {
    background: var(--info-cyan) !important;
}

.bg-orange {
    background: var(--orange) !important;
}

.bg-purple {
    background: var(--purple) !important;
}