.error {
        border: 2px solid red;
      }

/* Dark Mode */
.dark .bg-primary-50 { background-color: #f0f9ff; }
.dark .bg-primary-100 { background-color: #e0f2fe; }
.dark .bg-primary-200 { background-color: #bae6fd; }
.dark .bg-primary-300 { background-color: #7dd3fc; }
.dark .bg-primary-400 { background-color: #38bdf8; }
.dark .bg-primary-500 { background-color: #0ea5e9; }
.dark .bg-primary-600 { background-color: #0284c7; }
.dark .bg-primary-700 { background-color: #0369a1; }
.dark .bg-primary-800 { background-color: #075985; }
.dark .bg-primary-900 { background-color: #0c4a6e; }
.dark .bg-primary-950 { background-color: #082f49; }

.dark .text-primary-50 { color: #f0f9ff; }
.dark .text-primary-100 { color: #e0f2fe; }
.dark .text-primary-200 { color: #bae6fd; }
.dark .text-primary-300 { color: #7dd3fc; }
.dark .text-primary-400 { color: #38bdf8; }
.dark .text-primary-500 { color: #0ea5e9; }
.dark .text-primary-600 { color: #0284c7; }
.dark .text-primary-700 { color: #0369a1; }
.dark .text-primary-800 { color: #075985; }
.dark .text-primary-900 { color: #0c4a6e; }
.dark .text-primary-950 { color: #082f49; }

/* Light Mode (Default) */
.bg-primary-50 { background-color: #f0f9ff; }
.bg-primary-100 { background-color: #e0f2fe; }
.bg-primary-200 { background-color: #bae6fd; }
.bg-primary-300 { background-color: #7dd3fc; }
.bg-primary-400 { background-color: #38bdf8; }
.bg-primary-500 { background-color: #0ea5e9; }
.bg-primary-600 { background-color: #0284c7; }
.bg-primary-700 { background-color: #0369a1; }
.bg-primary-800 { background-color: #075985; }
.bg-primary-900 { background-color: #0c4a6e; }
.bg-primary-950 { background-color: #082f49; }

.text-primary-50 { color: #f0f9ff; }
.text-primary-100 { color: #e0f2fe; }
.text-primary-200 { color: #bae6fd; }
.text-primary-300 { color: #7dd3fc; }
.text-primary-400 { color: #38bdf8; }
.text-primary-500 { color: #0ea5e9; }
.text-primary-600 { color: #0284c7; }
.text-primary-700 { color: #0369a1; }
.text-primary-800 { color: #075985; }
.text-primary-900 { color: #0c4a6e; }
.text-primary-950 { color: #082f49; }

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');


*, body {
       font-family: Outfit;
}
.text-sm {
    font-size: 0.875rem;
    line-height: 1rem;
}