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

@layer components {
  /* Souligné menthe sous un mot-clé (signature 5000.dev) */
  .hl-marker {
    @apply relative inline-block;
  }
  .hl-marker::after {
    content: "";
    @apply absolute left-0 right-0 -bottom-1 h-1 bg-accent rounded-full;
  }

  /* Spinner "comète" des écrans de chargement (repris de scan) */
  /* (le flou du teaser a été remplacé par une fourchette de coût) */
  .comet-loader {
    border-radius: 9999px;
    background: conic-gradient(from 0deg,
      #98F9E9 0deg, #98F9E9 6deg,
      rgba(152, 249, 233, 0) 150deg,
      rgba(152, 249, 233, 0) 180deg,
      #98F9E9 180deg, #98F9E9 186deg,
      rgba(152, 249, 233, 0) 330deg,
      rgba(152, 249, 233, 0) 360deg);
    -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 5px), #000 calc(100% - 5px));
            mask: radial-gradient(farthest-side, transparent calc(100% - 5px), #000 calc(100% - 5px));
  }
}