/* Additional light styles on top of Tailwind */
.navlink{ @apply text-slate-700 hover:text-slate-900 transition; }
.btn{ @apply inline-flex items-center justify-center rounded-xl px-4 py-2 font-semibold border transition active:scale-[0.99]; }
.btn-primary{ @apply bg-brand-600 text-white border-brand-600 hover:bg-brand-700; }
.btn-secondary{ @apply bg-slate-900 text-white border-slate-900 hover:bg-slate-800; }
.btn-ghost{ @apply border-slate-300 text-slate-700 hover:bg-slate-50; }
.section{ @apply py-20; }
.container{ @apply max-w-7xl mx-auto px-4 sm:px-6 lg:px-8; }
.section-title{ @apply text-3xl md:text-4xl font-extrabold tracking-tight text-slate-900; }
.badge{ @apply inline-flex h-6 w-6 items-center justify-center rounded-full bg-brand-100 text-brand-700 text-sm font-semibold flex-shrink-0; }
.stat{ @apply text-3xl font-extrabold text-slate-900; }
.muted{ @apply text-slate-500; }
.input{ @apply w-full rounded-xl border border-slate-300 px-3 py-2 focus:outline-none focus:ring-2 focus:ring-brand-500 focus:border-brand-500 bg-white; }
.textarea{ @apply w-full rounded-xl border border-slate-300 px-3 py-2 focus:outline-none focus:ring-2 focus:ring-brand-500 focus:border-brand-500 bg-white; }
.label{ @apply block text-sm font-medium text-slate-700 mb-1; }
.card{ @apply rounded-2xl border border-slate-200 bg-white p-6 shadow-sm; }
.card-icon{ @apply text-2xl; }
.card-title{ @apply mt-3 text-lg font-semibold text-slate-900; }
.card-text{ @apply mt-2 text-slate-600; }
.list{ @apply mt-4 space-y-2 text-slate-700 list-disc pl-5; }
.portfolio{ @apply group relative rounded-2xl overflow-hidden border border-slate-200 bg-white; }
.portfolio-img{ @apply w-full h-56 object-cover transition group-hover:scale-105; }
.portfolio-meta{ @apply p-4; }
.portfolio-title{ @apply font-semibold text-slate-900; }
.portfolio-tag{ @apply text-sm text-slate-500; }
.footer-title{ @apply text-sm font-semibold text-slate-900; }
.footer-list{ @apply mt-3 space-y-2; }
.footer-link{ @apply text-slate-600 hover:text-slate-900 transition; }