/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

/* Remove default browser focus styles on all form elements */
input:focus,
textarea:focus,
select:focus,
button:focus {
  outline: none !important;
}

/* Glow shadow effects for active cards */
.glow-shadow-green {
  box-shadow: 0 0 20px rgba(16, 185, 129, 0.4), 0 0 40px rgba(16, 185, 129, 0.2);
  border-radius: 1rem; /* matches rounded-2xl */
}

.glow-shadow-purple {
  box-shadow: 0 0 20px rgba(147, 51, 234, 0.4), 0 0 40px rgba(147, 51, 234, 0.2);
  border-radius: 1rem; /* matches rounded-2xl */
}