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

/*
  Statut d'emploi (profil membre).
  La couleur du statut arrive en variable inline (--status-color / --status-tint)
  depuis member/profiles/_employment_status_option : une classe Tailwind
  construite dynamiquement serait purgée au build (même défaut que les badges de
  cercle, #3012).
*/
.employment-status-option {
  border-color: #e5e7eb;
  background-color: #fff;
}

.employment-status-option:hover {
  border-color: var(--status-color);
}

.employment-status-option:has(.employment-status-radio:checked) {
  border-color: var(--status-color);
  background-color: var(--status-tint);
}

.employment-status-radio {
  accent-color: var(--status-color);
}

/*

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

*/