/*
 * 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.
 */

@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css");

/* Dark theme for Pagy pagination */
.pagy {
  --B: 0; /* Dark mode */
  --H: 220; /* Hue (blue) */
  --S: 70%; /* Saturation */
  --L: 50%; /* Lightness */
  --A: 1; /* Alpha */
  --spacing: 0.25rem;
  --padding: 0.75rem;
  --rounding: 0.375rem;
  --border-width: 0rem;
  --font-size: 0.875rem;
  --font-weight: 500;
  --line-height: 1.5;
}

/* Remove underline from pagination links */
nav[aria-label="Pagination"] a {
  text-decoration: none !important;
}

nav[aria-label="Pagination"] a:hover,
nav[aria-label="Pagination"] a:focus,
nav[aria-label="Pagination"] a:active,
nav[aria-label="Pagination"] a:visited {
  text-decoration: none !important;
}