/* ===== Tailwind Lite Build (Optimized for Blog & Admin Panel) ===== */

/* Colors */
.text-white { color:#fff }
.text-black { color:#000 }
.text-gray-500 { color:#6b7280 }
.text-gray-700 { color:#374151 }
.text-gray-800 { color:#1f2937 }
.text-gray-900 { color:#111827 }

.bg-white { background:#fff }
.bg-black { background:#000 }
.bg-gray-50 { background:#f9fafb }
.bg-gray-100 { background:#f3f4f6 }
.bg-gray-200 { background:#e5e7eb }
.bg-gray-800 { background:#1f2937 }
.bg-indigo-500 { background:#6366f1 }
.bg-indigo-600 { background:#4f46e5 }

/* Padding */
.p-1 { padding:0.25rem }
.p-2 { padding:0.5rem }
.p-3 { padding:0.75rem }
.p-4 { padding:1rem }
.p-6 { padding:1.5rem }

/* Margin */
.m-1 { margin:0.25rem }
.m-2 { margin:0.5rem }
.m-3 { margin:0.75rem }
.m-4 { margin:1rem }
.mb-4 { margin-bottom:1rem }
.mt-4 { margin-top:1rem }

/* Width */
.w-full { width:100% }

/* Display */
.flex { display:flex }
.grid { display:grid }
.inline-block { display:inline-block }
.hidden { display:none }

/* Flexbox */
.items-center { align-items:center }
.justify-between { justify-content:space-between }
.justify-center { justify-content:center }
.flex-col { flex-direction:column }

/* Grid */
.grid-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)) }
.grid-cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)) }
.grid-cols-4 { grid-template-columns:repeat(4,minmax(0,1fr)) }
.gap-4 { gap:1rem }
.gap-6 { gap:1.5rem }

/* Border */
.border { border:1px solid #e5e7eb }
.rounded { border-radius:4px }
.rounded-lg { border-radius:8px }
.rounded-xl { border-radius:12px }

/* Shadow */
.shadow { 
    box-shadow:0 1px 3px rgba(0,0,0,0.1),
               0 1px 2px rgba(0,0,0,0.06);
}
.shadow-lg {
    box-shadow:0 10px 15px rgba(0,0,0,0.1),
               0 4px 6px rgba(0,0,0,0.05);
}

/* Text Sizes */
.text-sm { font-size:0.875rem }
.text-base { font-size:1rem }
.text-lg { font-size:1.125rem }
.text-xl { font-size:1.25rem }
.text-2xl { font-size:1.5rem }

/* Font Weight */
.font-bold { font-weight:700 }
.font-semibold { font-weight:600 }

/* Buttons */
.btn {
    padding:0.5rem 1rem;
    border-radius:8px;
    display:inline-block;
    font-weight:600;
}
.btn-primary {
    background:#4f46e5;
    color:white;
}
.btn-primary:hover {
    background:#4338ca;
}

/* Inputs */
.input {
    padding:0.75rem;
    width:100%;
    border:1px solid #d1d5db;
    border-radius:8px;
}
.input:focus {
    outline:none;
    border-color:#4f46e5;
    box-shadow:0 0 0 2px rgba(79,70,229,0.3);
}