@tailwind base;
@tailwind components;
@tailwind utilities;

/*

@layer components {
  .btn-primary {
    @apply py-2 px-4 bg-blue-200;
  }
}

*/

@layer base {
  html {
    font-size: 18px;
  }
}

@media print {
  .no-print { display: none !important; }
  @page { margin: 0; }
  body { margin: 1cm; }
}

.w-180 {
  width: 180px;
}

.w-100 {
  width: 100px;
}

.bg-pattern {
  background-image: radial-gradient(#eee 1px, transparent 1px);
  background-size: 20px 20px;
}