/* Custom styles can go here.
   These will override or supplement Tailwind's utility classes.
   Focus on general styles, typography, or complex layouts not easily done with utilities. */

/* Using Inter font */
body {
    font-family: 'Inter', sans-serif;
}

/* Example button styles using standard CSS */
.btn-primary {
    background-color: #2563eb; /* Tailwind blue-600 */
    color: white;
    font-weight: bold;
    padding: 8px 16px; /* py-2 px-4 */
    border-radius: 6px; /* rounded-md */
    transition: background-color 0.3s ease;
    display: inline-block; /* Ensure padding works */
}

.btn-primary:hover {
    background-color: #1d4ed8; /* Tailwind blue-700 */
}

.btn-secondary {
    background-color: #d1d5db; /* Tailwind gray-300 */
    color: #1f2937; /* Tailwind gray-800 */
    font-weight: bold;
    padding: 8px 16px; /* py-2 px-4 */
    border-radius: 6px; /* rounded-md */
    transition: background-color 0.3s ease;
    display: inline-block; /* Ensure padding works */
}

.btn-secondary:hover {
    background-color: #9ca3af; /* Tailwind gray-400 */
}

/* Add more custom styles as needed */