:root {
  /**** PAGY ****/
  /* Base */
  --pagy-text-color: var(--color-on-surface-variant);
  --pagy-bg-color: var(--color-surface-low);
  --pagy-bg-hover: var(--color-surface-container);
  --pagy-bg-disabled: var(--color-surface-low);
  --pagy-text-disabled: var(--color-outline-variant);
  --pagy-bg-active: var(--color-primary-600);
  --pagy-text-active: var(--color-surface-lowest);

  /* Spacing */
  --pagy-spacing: 0.25rem;
  --pagy-border-radius: 0.75rem;
  --pagy-padding-vertical: 0.5rem;
  --pagy-padding-horizontal: 0.875rem;

  /* Typography */
  --pagy-font-size: 0.875rem;
  --pagy-line-height: 1.25rem;
  --pagy-font-weight: 600;
}