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

:root {
  color-scheme: light;
}

body {
  font-family: "Inter", ui-sans-serif, system-ui;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Inter", ui-sans-serif, system-ui;
  letter-spacing: -0.01em;
}

.font-display {
  font-family: "Inter", ui-sans-serif, system-ui;
}

[x-cloak] {
  display: none !important;
}

.pagy {
    --B: 1;
    --H: 225.99;
    --S: 88.09;
    --L: 90.9;
    --A: 1;
    --spacing: 0.375rem;
    --padding: 0.75rem;
    --rounding: 0.125rem;
    --border-width: 0.0625rem;
    --font-size: 0.875rem;
    --font-weight: 600;
    --line-height: 1.5;
}

.pagy {
  display: flex;
  align-items: center;
  gap: 0.15rem;
  flex-wrap: wrap;
  font-size: 0.85rem;
}
.pagy a,
.pagy span {
  padding: 0.35rem 0.6rem;
  border-radius: 3px;
  border: 1px solid #8eaad2;
  color: #1053bb;
  text-decoration: none;
  background: #fff;
  cursor: pointer;
}
.pagy a:hover {
  border-color: #879de3;
  color: #07246b;
  cursor: pointer;
}
.pagy [aria-current="page"] {
  background: #6987d2;
  color: #fff;
  border-color: #4353a1;
}

.pagy [aria-disabled="true"], .pagy [aria-disabled="true"]:hover {
    border: 1px solid #c6ccd3;
    color: #c6ccd3 !important;;
    text-decoration: none;
    background: #fff;
}

.pagy .gap {
  border-color: transparent;
  background: transparent;
  color: #94a3b8;
}