/* Colors */
.text-primary { color: #1e40af; }
.bg-danger-light { background-color: rgba(239,68,68,.1); }

/* Spacing */
.px-4 { padding-left:1rem; padding-right:1rem; }
.mt-6 { margin-top:1.5rem; }

/* Flex & Grid */
.flex { display:flex; }
.grid { display:grid; }
.place-items-center { place-items:center; }

/* Layout helpers */
.block { display:block; }
.flex-col { flex-direction:column; }
.flex-row { flex-direction:row; }
.space-x-4 > :not([hidden]) ~ :not([hidden]) { margin-left:1rem; }
.hidden { display:none; }

/* Typography */
.font-sans { font-family: 'Inter', sans-serif; }
.font-serif { font-family: 'Merriweather', serif; }
.text-lg { font-size:1.125rem; }

/* Shadows */
.shadow-xl { box-shadow:0 10px 25px rgba(0,0,0,.1); }

/* Responsive variants */
@media (min-width:1024px){
  .lg\:flex { display:flex; }
  .lg\:hidden { display:none; }
  .lg\:items-center { align-items:center; }
  .lg\:justify-between { justify-content:space-between; }
  .lg\:flex-row { flex-direction:row; }
  .lg\:space-x-4 > :not([hidden]) ~ :not([hidden]) { margin-left:1rem; }
  .lg\:mt-0 { margin-top:0; }
  .lg\:ml-4 { margin-left:1rem; }
}