/* overrides.css
   Place application-wide overrides here. This file is linked after the app script
   so you can add rules that override component or library styles.

   Tips:
   - Prefer increasing selector specificity instead of using !important.
   - Use `:root` variables to override theme tokens if available.

   Example:
   .p-button { border-radius: 8px !important; }
*/

/* Example overrides (remove or replace with your own rules) */
.p-button {
  /* keep as example; remove if not needed */
}

/* Ensure card hover backgrounds win over .p-card base rule which uses !important */
.app-hover-bg.p-card:hover {
  background-color: rgba(15, 27, 51, 0.03) !important;
}
.dark .app-hover-bg.p-card:hover {
  background-color: rgba(10, 12, 20, 0.35) !important;
}