/* Custom styles for Intarsic website */

/* Typography improvements */
.prose {
    @apply text-gray-700 leading-relaxed;
}

.prose h1 {
    @apply text-3xl font-bold text-gray-900 mb-4;
}

.prose h2 {
    @apply text-2xl font-semibold text-gray-900 mb-3 mt-8;
}

.prose h3 {
    @apply text-xl font-semibold text-gray-900 mb-2 mt-6;
}

.prose p {
    @apply mb-4;
}

.prose ul {
    @apply list-disc list-inside mb-4 space-y-2;
}

.prose li {
    @apply leading-relaxed;
}

.prose a {
    @apply text-blue-600 hover:text-blue-800 underline font-medium;
}

/* Navigation enhancements */
nav a {
    @apply font-medium;
}

/* Button hover effects */
.btn-primary {
    @apply bg-blue-600 text-white px-6 py-3 rounded-lg font-semibold hover:bg-blue-700 transition-colors;
}

.btn-secondary {
    @apply border-2 border-blue-600 text-blue-600 px-6 py-3 rounded-lg font-semibold hover:bg-blue-600 hover:text-white transition-colors;
}

/* Footer links */
footer a {
    @apply text-gray-300 hover:text-white transition-colors;
}

/* Colored bullets for cards */
ul.blue-bullets {
    list-style-type: disc;
    color: #2563eb;
}

ul.blue-bullets li::marker {
    color: #2563eb;
}

ul.green-bullets {
    list-style-type: disc;
    color: #16a34a;
}

ul.green-bullets li::marker {
    color: #16a34a;
}

ul.purple-bullets {
    list-style-type: disc;
    color: #9333ea;
}

ul.purple-bullets li::marker {
    color: #9333ea;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .hero-title {
        @apply text-4xl;
    }
    
    nav .flex {
        @apply flex-col space-y-4;
    }
}