/* Tailwind CDN handles styling. Anything that can't be expressed inline goes here. */

/* Smooth scrolling for share link anchors */
html { scroll-behavior: smooth; }

/* Force Tailwind to keep dynamic color classes (used via template literals in JS).
   Without this, the CDN purge could drop them. Safelist via comment + concrete usage. */
/*
  bg-green-50 bg-amber-50 bg-red-50
  text-green-600 text-amber-600 text-red-600
  text-green-700 text-amber-700 text-red-700
  bg-green-100 bg-amber-100 bg-red-100
  text-green-800 text-amber-800 text-red-800
*/
.hidden-safelist {
  /* Concrete usages so the CDN keeps them */
  color: theme('colors.green.600');
  background: theme('colors.amber.50');
}