@import "tailwindcss";

@source "../../views/**/*.erb";
@source "../../components/**/*.rb";
@source "../../javascript/**/*.js";

@theme {
  --font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;
  --color-teal-50: #f0fdfa;
  --color-teal-100: #ccfbf1;
  --color-teal-200: #99f6e4;
  --color-teal-300: #5eead4;
  --color-teal-400: #2dd4bf;
  --color-teal-500: #14b8a6;
  --color-teal-600: #0E9C8A;
  --color-teal-700: #0f766e;
  --color-teal-800: #115e59;
  --color-teal-900: #134e4a;
}

@media print {
  aside, nav, .no-print { display: none !important; }
  body { background: white !important; color: black !important; }
  .sm\:ml-56 { margin-left: 0 !important; }
  .pb-20 { padding-bottom: 0 !important; }
  * { box-shadow: none !important; border-color: #e5e7eb !important; }
  .dark\:bg-gray-800, .dark\:bg-gray-900, .dark\:bg-gray-800\/80, .dark\:bg-gray-800\/50 { background: white !important; }
  .dark\:text-gray-100, .dark\:text-gray-300 { color: black !important; }
}